FRANKY'S
Un quiosc de jocs retro al taulell d'una botiga de patins
El llenguatge visual de Franky és una combinació d'arcade retro i botiga de monopatí: un llenç de color crema càlid (#f3e5df) emmarcat per vores rígides de píxels, un omnipresent tauler d'escacs en blanc i negre i una font d'un sol píxel, Arcade, utilitzada per a cada paraula del lloc web. La paleta és intencionadament escassa: només queden dos colors cromàtics (taronja senyal #faa21f per al rètol i verd intens #128e44 per al botó de compra), amb tota la jerarquia expressada augmentant el pes de la font Arcade de 400 a 700 i utilitzant el negre sobre el fons crema. Les superfícies romanen planes i monolítiques; la profunditat s'aconsegueix només mitjançant la línia crema d'1 px inserida als botons i el joc tonal del tauler d'escacs. Els components recorden els sprites de les botigues dels anys 90: vores negres gruixudes, radis de vora ajustats de 6-12 px, farciment compacte de 4-8 px i interruptors 3D/AR que semblen icones pixelades en lloc d'elements cromats. Les noves pàgines estan pensades per mantenir l'atmosfera arcade: sense degradats més enllà d'un text de desplaçament taronja, sense ombres suaus, sense tipografia decorativa, només paper de color crema, línies negres pixelades i un únic color taronja càlid.
A l'ordinador, la pàgina del producte mostra un disseny centrat i d'amplada completa amb una amplada màxima de 1200 px. El ritme de dalt a baix és: text de desplaçament taronja → capçalera de color crema amb una línia negra → divisió en dues columnes (55% de tauler d'escacs a la pàgina d'inici / 45% de quadrícula de dues columnes de targetes de producte) → franja de color crema al peu de pàgina. Al mòbil, la pàgina d'inici es redueix a un tauler d'escacs d'amplada completa i la quadrícula es converteix en un disseny d'una sola columna. Les targetes es distribueixen uniformement en una quadrícula de dues columnes amb divisors grisos de píxels (#e5e7eb) entre elles. L'espai entre les seccions és mínim (43–61 px) i la interfície mai utilitza franges fosques que abastin tota l'amplada de la pàgina: el llenç de color crema es mostra sense interrupcions.
Una fotografia de gorres sobre un fons crema net, centrada i retallada, amb una ombra suau de color negre carbó a sota. Sense estil de vida, sense models, sense context: la gorra és l'estrella. Un patró de quadres darrere de l'element principal serveix de superfície gràfica. Sense il·lustracions, sense renders 3D excepte el botó de realitat augmentada, sense icones decoratives excepte la creu pixelada del logotip.
Paleta
Marca
- Marquee Orange
#faa21f— Barra de notificacions a la part superior de la pantalla, elements destacats, marca. - Buy Green
#128e44— El botó "AFEGEIX A LA CISTELLA" està omplert: l'única acció de compra marcada en verd.
Neutral
- Arcade Cream
#f3e5df— Fons de pàgina, superfícies de la targeta de producte, insercions de botons. - Ink Black
#000000— Text principal, disseny de tauler d'escacs, totes les vores de la interfície d'usuari, contorns de les targetes, vores de les icones. - Pixel Gray
#e5e7eb— Vores primes, separadors de targetes, regles estructurals entre cel·les de la quadrícula. - Charcoal
#333333— To de superfície secundari, quadrats d'ombra de tauler d'escacs, color d'ombra - Carbon
#151515— Tons neutres rics per omplir il·lustracions i les rajoles de tauler d'escacs més denses. - Muted Gray
#737373— Text desactivat/silenciat als botons i al text del cos
Tipografia
de 10 a 18px · 4 passos
- Arcade — reemplaçament: VT323 · esquemes 400, 700 · S'utilitza una sola font a tota la interfície: tots els encapçalaments, etiquetes, preus, botons, text del cos i icones són a Arcade. La transició de 400 a 700 és l'única eina per crear jerarquia; utilitzar una segona font arruïnaria la il·lusió del quiosc.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 4-8px |
| Radi del botó | 6px |
| Radi de la targeta | 12px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 43-61px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil FRANKY'S i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- 099 SUPPLY — Una paret de galeria plena d'objectes en blanc i negre
- teenage engineering — Catàleg industrial en il·luminació d'estudi: el producte és l'únic objecte significatiu de la pàgina i tot el demés es discuteix al seu voltant
- Custo — Una galeria de color bronze amb una font monolítica. Una sala d'exposició en tons verdosos i grisos apagats, on un únic objecte fosc i una font de 57 px parlen per si sols.
- Walden — El silenci del sòl del bosc: cada producte és una pedra, cada píxel és molsa i silenci
- Fiverr — El punt focal del basar digital és un vibrant pols verd contra els escenaris foscos dels teatres. Un únic punt verd neó serveix d'àncora per al logotip; la resta és monocrom, dissenyat per destacar l'atractiu dels serveis oferts.
- Peloton — Un far vermell en una passarel·la negra com el carbó. Una sala d'exposició de fitness on un únic rètol vermell brillant de CTA travessa el vast i fosc espai d'exposició i condueix a sales blanques i netes plenes de productes.
- HOUSEPLANT — una llibreria amb fruits secs sobre paper de lli
- Adam Lippes — Un estudi editorial monocrom sobre paper crema: una tirada de Vogue on l'única decoració és la quadrícula de disseny, no la paleta de colors.
- Elektron — El panell de control de l'equip a mitjanit és un llenç gairebé negre, on les fotos del producte brillen mentre la interfície roman pràcticament invisible.
- Sigmaphoto — La Galeria Monocroma d'Instruments de Precisió és una sala blanca i tranquil·la on l'únic color que importa és el que et crida a l'acció.
- Channel Studio — Un laboratori fotogràfic d'estudi amb una pantalla de làmpada de corall
- Specht Studio — Una paret de galeria plena de discreta curiositat. L'acabat cromat propi de l'estudi és una superfície blanca i lletres negres; els focs artificials visuals es concentren completament dins de les rajoles del projecte.