Le Puzz
Sunny Sunday Circular hè un tabloid pienu di misteri.
Le Puzz hè un sistema di e-commerce massimalista per i magazini boutique, custruitu annantu à una basa bicolore: un giallu riccu, simile à un favu d'ape, accumpagnatu da un neru puru, contr'à un sfondate frescu, grisgiu perla. U so stile hè un incrociu trà un ghjurnale vintage è un puzzle: u corpu di u testu hè in Times serif, mentre chì i tituli sò in un carattere persunalizatu, Times Now, rumpendu deliberatamente cù e cunvenzioni tradiziunali di l'e-commerce chì si basanu nantu à i caratteri sans-serif. L'interfaccia stessa hè mantenuta simplice è basata annantu à una griglia, permettendu à l'impattu visuale di esse trasmessu da l'imballu di u pruduttu (cumpusizioni dense è illustrate piene di ghjoculi). I cuntrolli di l'interfaccia sò abbastanza robusti: buttoni cù un bordu neru nantu à un sfondate giallu, icone in forma di pillola, carte cù un raghju di 12px è una generosa spaziatura di e lettere per e maiuscule, chì dà ancu à u buttone "AGGIUNGI RAPIDAMENTE" un toccu editoriale.
Una griglia classica di e-commerce cù un design editoriale distintivu. L'intestazione hè una striscia gialla à favu d'ape cù una bordura nera di 1 larghezza, chì accoglie un logu centratu è una fila supplementaria di buttoni di navigazione. Quì sottu, sopra una griglia di trè colonne di prudutti nantu à un fondu grisgiu, ci hè un'intestazione di benvenuta centrata in u carattere Times Now. L'elementu principale hè un bloccu di foto centratu cù anguli arrotondati (40), fiancheggiatu da duie carte di prudutti. U ritmu di e sezioni hè mantinutu: ampiu spaziu verticale (30), alternanza di superfici gialle è grigie, è una larghezza massima di circa 4,5 cm, centrata nantu à a pagina. E carte di prudutti anu a listessa dimensione è sò disposte in una griglia ordinata di trè colonne cù spazii di 5 cm. U layout hè simmetricu è ligatu à a griglia - senza cumpusizioni asimmetriche o elementi sovrapposti.
L'elementu visuale hè a fotografia di u produttu. E scatule di puzzle sò fotografate in pienu contr'à un sfondate biancu/neutru, poi piazzate contr'à un sfondate di studio turchinu caldu o naturale. L'imagine principale presenta una persona chì tene parechje scatule di puzzle - un oggettu di stile di vita, catturatu cù energia senza sforzu. L'imballu stessu hè riccu, illustrativu è massimalista: una mansa di ghjoculi, prudutti alimentari è persunagi in culori primari brillanti cù contorni neri spessi, cuncipiti per sembrà una illustrazione di un libru per zitelli spargugliatu in un puzzle di 500 pezzi. Nisuna grafica astratta, nisun rendering 3D, nisuna iconografia fora di una sola lente d'ingrandimentu - i puzzle stessi sò u linguaghju visuale.
Paletta
Marca
- Honeycomb Yellow
#ffd931— U culore principale di a marca, a barra di tìtulu, i buttoni d'azione principali, u statu attivu di a navigazione, u culore di sottolineatura di u ligame, u riempimentu d'accentu - a nota di culore unica intornu à a quale tuttu u restu gira.
Neutru
- Carbon Black
#000000— U testu principale, i bordi spessi, i contorni di i buttoni, i contorni di l'icone, u testu di navigazione sò a basa strutturale di tuttu u sistema. - Ink Black
#231f20— Testu secundariu, testu primariu, bordi di i buttoni, bordi di i campi di input - un culore ligeramente più caldu, guasi neru per una sensazione più dolce. - Pearl Gray
#c8cbcd— Tela di pagina, sfondi di carte di produttu, un palcuscenicu impressiunante induve appariscenu i culori gialli è neri. - Fog Gray
#a6a8aa— Superfici di badge sottumesse, sfondi di chip secundarii è riempimenti suttili di l'interfaccia utente. - Smoke Line
#d6d6d6— Divisori fini, divisori discreti per tavuli/carte.
Tipografia
da 11 à 47px · 6 passi
- Times Now — rimpiazzamentu: Playfair Display · contorni 100, 400 · Un carattere serif per i tituli è i sottotituli - utilizatu per i tituli principali, i nomi di i prudutti è i tituli di e sezioni. U carattere ultraleggeru di 100 punti cù un passu di 47 pixel crea una sensazione editoriale alta, quasi condensata; e forme di lettere condensate (altezze di linea di 0,87-0,90) permettenu di pusiziunà i tituli grandi vicinu à u testu accumpagnante, imitendu un poster stampatu.
- Times — rimpiazzamentu: Times New Roman · contorni 400 · U testu di u corpu serif hè una scelta inaspettata per una buttega in linea, dendu à tuttu u situ un aspettu literariu, simile à un catalogu. A piccula spaziatura di e linee (1,15) rende i paragrafi cumpatti è leggibili.
- Helvetica Neue — rimpiazzamentu: Helvetica · contorni 100, 400 · U testu chjucu in l'interfaccia utente, u testu nantu à i buttoni è u microtestu sò stallati in caratteri 11px cù una grande spaziatura di lettere (0.0730em), chì crea a sensazione di scrive in lettere maiuscule ancu à una temperatura corporea cunfurtevule.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 15px |
| Raggiu di u buttone | 12px |
| Raggiu di a carta | 12px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 30-40px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Le Puzz è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Agence Foudre — A pagina di copertina di a rivista hè un culore rosa dolce chì ricorda u rossetto.
- INVERSA — Un terminal di campu topograficu à mezanotte. Un pannellu di cummandu scuru, induve un carattere editoriale massivu è un unicu stratu di marcatori verdi neon sò sovrapposti à l'imagine satellitari di a Terra, ogni etichetta monocromatica, cum'è s'ella leghjessi e coordinate di a missione.
- Acne Studios — Un spaziu di galleria minimalista pienu di fotografie vibranti - una rivista di moda disposta nantu à u marmaru
- GTE — Terminal cummerciale daretu à l'illuminazione di a galeria
- Diabla — Un cortile mediterraniu à meziornu - muri rosa sbiaditi da u sole, una tenda di tela rossa brillante, è tituli editoriali cù serigrafia chì si stendenu in u celu.
- Subset — Boutique editoriale fatta di linu crudu
- Cursor — Un accogliente attellu di pergamena, illuminatu da carboni fumanti
- MindMarket — Un libru di fiaba accogliente nantu à carta crema - una tela editoriale amichevule induve i grandi tituli Inter è i caratteri di carta ritagliati coesistenu nantu à una superficia inzuppata di sole, dolce cum'è un adesivo.
- Lamborghini — Culore neru di a carrozzeria in u showroom, sottu à i riflettori - una vittura gialla
- Amplemarket — Un locu di travagliu inzuppatu di sole è pienu di confetti
- Getharvest — Un scrivanu à l'ora d'oru - una tela crema calda, carte postale bianche appese à a tela, è una sola fiamma aranciu luminosa
- Drive Capital — Affissu di viaghju in strada retro nantu à carta calda