FRANKY'S
Un chioscu di ghjochi retrò nantu à u bancone di un magazinu di skate
U linguaghju visuale di Franky hè una cumbinazione di arcade retrò è di buttega di skateboard: una tela crema calda (#f3e5df) incorniciata da bordi rigidi di pixel, una scacchiera bianca è nera omnipresente, è un carattere à un pixel, Arcade, adupratu per ogni parola di u situ web. A paleta hè intenzionalmente sparsa - solu dui culori cromatichi restanu (aranciu di segnale #faa21f per u segnu è verde riccu #128e44 per u buttone di compra), cù tutta a ghjerarchia espressa aumentendu u pesu di u carattere Arcade da 400 à 700 è aduprendu u neru contr'à u fondu crema. E superfici restanu piatte è monolitiche; a prufundità hè ottenuta solu attraversu a linea crema di 1px inserita nantu à i buttoni è u ghjocu tonale di a scacchiera. I cumpunenti ricordanu i sprite di e vetrine di l'anni 1990: bordi neri spessi, raggi di bordu stretti di 6-12px, imbottitura compatta di 4-8px, è interruttori 3D/AR chì parenu icone pixelate piuttostu chè elementi cromati. E nove pagine sò destinate à mantene l'atmosfera di tipu arcade: nisuna sfumatura fora di un testu aranciu chì scorre, nisuna ombra dolce, nisuna tipografia decorativa - solu carta di culore crema, linee nere pixelate è un unicu culore aranciu caldu.
Nant'à l'urdinatore, a pagina di u pruduttu mostra un layout centratu à larghezza piena cù una larghezza massima di 1200px. U ritmu da cima à fondu hè: testu aranciu chì scorre → intestazione di culore crema cù una linea nera → divisione in duie colonne (55% scacchiera in a pagina iniziale / 45% griglia à duie colonne di carte di u pruduttu) → striscia di culore crema in u pede di pagina. Nant'à u mobile, a pagina iniziale si riduce in una scacchiera à larghezza piena, è a griglia diventa un layout à una sola colonna. E carte sò distribuite uniformemente in una griglia à duie colonne cù divisori Pixel grigi (#e5e7eb) trà di elle. A spaziatura trà e sezioni hè minima (43–61px), è l'interfaccia ùn usa mai strisce scure chì coprenu tutta a larghezza di a pagina - a tela crema hè visualizata senza interruzzione.
Una fotografia di cappelli contr'à un sfondate crema pulitu, centrata è ritagliata strettamente, cù una ombra dolce, nera cum'è u carbone sottu. Nisun stile di vita, nisun mudellu, nisun cuntestu - u cappellu hè a stella. Un mudellu à scacchi daretu à l'elementu principale serve da superficia grafica. Nisuna illustrazione, nisun rendering 3D eccettu per l'interruttore di realtà aumentata, nisuna icona decorativa eccettu per a croce pixelata in u logu.
Paletta
Marca
- Marquee Orange
#faa21f— Barra di notificazione in cima à u screnu, elementi d'accentu, branding. - Buy Green
#128e44— U buttone "AGGIUNGI À U CARRELLU" hè pienu - l'unica azzione di compra marcata in verde.
Neutru
- Arcade Cream
#f3e5df— Sfondu di pagina, superfici di carte di produttu, inserti di buttoni. - Ink Black
#000000— Testu principale, layout di scacchiera, tutti i bordi di l'interfaccia utente, contorni di carte, bordi di l'icone. - Pixel Gray
#e5e7eb— Bordi fini, divisori di carte, regule strutturali trà e cellule di a griglia. - Charcoal
#333333— Tonu di a superficia secundaria, quadrati d'ombra à scacchi, culore d'ombra - Carbon
#151515— Toni neutri ricchi per riempie illustrazioni è e piastrelle à scacchiera più dense. - Muted Gray
#737373— Testu disattivatu/silenziatu nantu à i buttoni è in u corpu di u testu
Tipografia
da 10 à 18px · 4 passi
- Arcade — rimpiazzamentu: VT323 · contorni 400, 700 · Un solu carattere hè utilizatu in tutta l'interfaccia - tutti i tituli, etichette, prezzi, buttoni, testu di u corpu è icone sò in Arcade. A transizione da 400 à 700 hè l'unicu strumentu per creà una ghjerarchia; aduprà un secondu carattere arruvinerebbe l'illusione di u chioscu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 4-8px |
| Raggiu di u buttone | 6px |
| Raggiu di a carta | 12px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 43-61px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile FRANKY'S è 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
- 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
- teenage engineering — Catalogu industriale in illuminazione di studio - u pruduttu hè l'unicu ughjettu significativu nantu à a pagina, è tuttu u restu hè discussu intornu à ellu
- Custo — Una galeria di culore canna di fucile cù un carattere monoliticu. Una sala d'esposizione in toni grisgi-verdi tenui, induve un unicu oggettu scuru è un carattere 57px parlanu da soli.
- Walden — U silenziu di u pianu di a furesta - ogni pruduttu hè una petra, ogni pixel hè muscu è silenziu
- Fiverr — U puntu focale di u bazar digitale hè un pulsamentu verde vibrante contr'à i palchi scuri di u teatru. Un unicu puntu verde neon serve da ancora per u logu; u restu hè monocromu, cuncipitu per mette in risaltu l'attrazione di i servizii offerti.
- Peloton — Un fanale rossu nantu à una pista nera cum'è u carbone. Una sala di mostra di fitness induve un unicu cartellu CTA rossu brillanti taglia u vastu spaziu d'esposizione scuru è porta à sale di prudutti bianche è pulite.
- HOUSEPLANT — una libreria cù noci nantu à carta di linu
- Adam Lippes — Un studio editoriale monocromu nantu à carta crema - una diffusione di Vogue induve l'unica decorazione hè a griglia di layout, micca a paleta di culori.
- Elektron — U pannellu di cuntrollu di l'equipaggiu à mezanotte hè una tela guasi nera, induve e foto di i prudutti brillanu mentre l'interfaccia ferma praticamente invisibile.
- Sigmaphoto — A Galleria Monocromatica di Strumenti di Precisione hè una stanza bianca tranquilla induve l'unicu culore chì importa hè quellu chì vi chjama à l'azione.
- Channel Studio — Un laburatoriu fotograficu di studio cù un paralume di corallo
- Specht Studio — Un muru di galleria pienu di curiosità discreta. A finitura cromata di u studio hè una superficia bianca è lettere nere; i fuochi d'artificiu visuali sò interamente cuncintrati in e piastrelle di u prugettu.