FRANKY'S
En retro spillekiosk på disken i en skateshop
Frankys visuelle sprog er en kombination af retro arkade og skateboardbutik: et varmt cremefarvet lærred (#f3e5df) indrammet af stive pixelkanter, et allestedsnærværende sort-hvidt skakbræt og en enkelt pixel-font, Arcade, der bruges til hvert ord på hjemmesiden. Paletten er bevidst sparsom - kun to kromatiske farver er tilbage (signalorange #faa21f for skiltet og dybgrøn #128e44 for købsknappen), hvor hele hierarkiet udtrykkes ved at øge Arcade-fontens vægt fra 400 til 700 og ved at bruge sort mod den cremefarvede baggrund. Overfladerne forbliver flade og monolitiske; dybde opnås kun gennem den indsatte 1px cremefarvede linje på knapperne og skakbrættets tonespil. Komponenterne minder om 1990'ernes butiksfacade-sprites: tykke sorte kanter, stramme 6-12px kantradier, kompakt 4-8px polstring og 3D/AR-knapper, der ligner pixelerede ikoner snarere end kromelementer. De nye sider er beregnet til at bevare den arkadelignende atmosfære: ingen gradienter udover en orange rulletekst, ingen bløde skygger, ingen dekorativ typografi – kun cremefarvet papir, sorte pixelerede linjer og en enkelt varm orange farve.
På desktop viser produktsiden et centreret layout i fuld bredde med en maksimal bredde på 1200px. Rytmen fra top til bund er: orange rulletekst → cremefarvet header med en sort linje → opdeling i to kolonner (55% skakbræt på forsiden / 45% gitter med to kolonner af produktkort) → cremefarvet stribe i sidefoden. På mobilen foldes forsiden sammen til et skakbræt i fuld bredde, og gitteret bliver til et layout med én kolonne. Kortene er jævnt fordelt i et gitter med to kolonner med grå Pixel (#e5e7eb) skillevægge imellem dem. Afstanden mellem sektionerne er minimal (43-61px), og brugerfladen bruger aldrig mørke striber, der strækker sig over hele sidens bredde – det cremefarvede lærred vises uden afbrydelser.
Et fotografi af kasketter mod en ren cremefarvet baggrund, centreret og tæt beskåret, med en blød, kulsort skygge nedenunder. Ingen livsstil, ingen modeller, ingen kontekst – kasketten er stjernen. Et skakbrætmønster bag hovedelementet fungerer som den grafiske overflade. Ingen illustrationer, ingen 3D-gengivelser bortset fra augmented reality-knappen, ingen dekorative ikoner bortset fra det pixelerede kors i logoet.
Palet
Mærke
- Marquee Orange
#faa21f— Meddelelseslinje øverst på skærmen, accentelementer, branding. - Buy Green
#128e44— Knappen "TILFØJ TIL KURV" er udfyldt - den eneste købshandling markeret med grønt.
Neutral
- Arcade Cream
#f3e5df— Sidebaggrund, produktkortoverflader, knapindsatser. - Ink Black
#000000— Hovedtekst, skakbrætlayout, alle brugergrænsefladekanter, kortkonturer, ikonkanter. - Pixel Gray
#e5e7eb— Tynde rammer, kortdelere, strukturelle regler mellem gitterceller. - Charcoal
#333333— Sekundær overfladetone, skakbrætskyggekvadrater, skyggefarve - Carbon
#151515— Mættede neutrale toner til udfyldende illustrationer og de tætteste skakbrætfliser. - Muted Gray
#737373— Deaktiveret/dæmpet tekst på knapper og i brødtekst
Typografi
fra 10 til 18px · 4 trin
- Arcade — udskiftning: VT323 · konturer 400, 700 · Der bruges én skrifttype i hele brugerfladen – alle overskrifter, etiketter, priser, knapper, brødtekst og ikoner er i Arcade. Overgangen fra 400 til 700 er det eneste værktøj til at skabe hierarki; brug af en anden skrifttype ville ødelægge kiosk-illusionen.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 4-8px |
| Knapradius | 6px |
| Kortradius | 12px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 43-61px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i FRANKY'S -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- 099 SUPPLY — En gallerivæg fyldt med sort-hvide objekter
- teenage engineering — Industrielt katalog inden for studiebelysning - produktet er det eneste væsentlige objekt på siden, og alt andet diskuteres omkring det.
- Custo — Et galleri i pistolfarvet med en monolitisk skrifttype. Et showroom i dæmpede grågrønne toner, hvor et enkelt mørkt objekt og en skrifttype på 57px taler for sig selv.
- Walden — Stilheden på skovbunden - hvert produkt er en sten, hver pixel er mos og stilhed
- Fiverr — Den digitale basars omdrejningspunkt er en levende grøn puls mod mørke teaterscener. En enkelt neongrøn prik fungerer som et anker for logoet; resten er monokrom, designet til at fremhæve appellen ved de udbudte tjenester.
- Peloton — En rød fyrtårn på en kulsort catwalk. Et fitnessshowroom, hvor et enkelt klart rødt CTA-skilt skærer gennem det store, mørke udstillingsområde og fører til rene, hvide produktrum.
- HOUSEPLANT — en boghandel med nødder på linnedpapir
- Adam Lippes — Et monokromt redaktionelt studie på cremefarvet papir – et Vogue-opslag, hvor den eneste dekoration er layoutgitteret, ikke farvepaletten.
- Elektron — Ved midnat er udstyrets kontrolpanel et næsten sort lærred, hvor produktbilleder skinner, mens brugerfladen forbliver stort set usynlig.
- Sigmaphoto — Monochrome Gallery of Precision Instruments er et stille, hvidt rum, hvor den eneste farve, der betyder noget, er den, der opfordrer dig til handling.
- Channel Studio — Et fotolaboratorium med en koral lampeskærm
- Specht Studio — En gallerivæg fyldt med diskret nysgerrighed. Studiets egen forkromede finish er en hvid overflade og sort skrift; det visuelle fyrværkeri er udelukkende koncentreret i projektets flisearbejde.