FRANKY'S
En retro spillkiosk på disken til en skatebutikk
Frankys visuelle språk er en kombinasjon av retro-arkade og skateboardbutikk: et varmt kremfarget lerret (#f3e5df) innrammet av stive pikselkanter, et allestedsnærværende svart-hvitt sjakkbrett og en enkeltpikselfont, Arcade, brukt for hvert ord på nettstedet. Paletten er bevisst sparsom – bare to kromatiske farger gjenstår (signaloransje #faa21f for skiltet og rik grønn #128e44 for kjøpsknappen), med hele hierarkiet uttrykt ved å øke Arcade-fontvekten fra 400 til 700 og ved å bruke svart mot kremfarget bakgrunn. Overflatene forblir flate og monolittiske; dybde oppnås kun gjennom den innsatte 1px kremfargede linjen på knappene og sjakkbrettets tonespill. Komponentene minner om butikkfront-sprites fra 1990-tallet: tykke svarte kanter, tette 6–12px kantradiuser, kompakt 4–8px polstring og 3D/AR-veksler som ser ut som pikselerte ikoner i stedet for kromelementer. De nye sidene er ment å opprettholde den arkadelignende atmosfæren: ingen gradienter annet enn en oransje rulletekst, ingen myke skygger, ingen dekorativ typografi – bare kremfarget papir, svarte pikselerte linjer og en enkelt varm oransje farge.
På datamaskiner viser produktsiden et sentrert oppsett i full bredde med en maksimal bredde på 1200 piksler. Rytmen fra topp til bunn er: oransje rulletekst → kremfarget topptekst med en svart linje → to-kolonne deling (55 % sjakkbrett på hjemmesiden / 45 % to-kolonne rutenett med produktkort) → kremfarget stripe i bunnteksten. På mobil skjules hjemmesiden til et sjakkbrett i full bredde, og rutenettet blir et oppsett med én kolonne. Kortene er jevnt fordelt i et to-kolonne rutenett med grå pikselskillere (#e5e7eb) mellom seg. Avstanden mellom seksjonene er minimal (43–61 piksler), og grensesnittet bruker aldri mørke striper som strekker seg over hele sidens bredde – det kremfargede lerretet vises uten avbrudd.
Et fotografi av capser mot en ren kremfarget bakgrunn, sentrert og tett beskåret, med en myk, kullsvart skygge under. Ingen livsstil, ingen modeller, ingen kontekst – capsen er stjernen. Et sjakkbrettmønster bak hovedelementet fungerer som grafisk overflate. Ingen illustrasjoner, ingen 3D-gjengivelser bortsett fra utvidet virkelighet-bryter, ingen dekorative ikoner bortsett fra det pikselerte korset i logoen.
Palett
Merke
- Marquee Orange
#faa21f— Varslingslinje øverst på skjermen, aksentelementer, merkevarebygging. - Buy Green
#128e44— Knappen «LEGG TIL I HANDLEKURV» er utfylt – den eneste kjøpshandlingen er markert med grønt.
Nøytral
- Arcade Cream
#f3e5df— Sidebakgrunn, produktkortoverflater, knappinnsatser. - Ink Black
#000000— Hovedtekst, sjakkbrettlayout, alle brukergrensesnittkanter, kortkonturer, ikonkanter. - Pixel Gray
#e5e7eb— Tynne rammer, kortdelere, strukturelle regler mellom rutenettceller. - Charcoal
#333333— Sekundær overflatetone, sjakkbrettskyggekvadrater, skyggefarge - Carbon
#151515— Rike nøytrale toner for fyllende illustrasjoner og de tetteste sjakkbrettflisene. - Muted Gray
#737373— Deaktivert/dempet tekst på knapper og i brødtekst
Typografi
fra 10 til 18 piksler · 4 trinn
- Arcade — erstatning: VT323 · omriss 400, 700 · Én enkelt skrifttype brukes i hele grensesnittet – alle overskrifter, etiketter, priser, knapper, brødtekst og ikoner er i Arcade. Overgangen fra 400 til 700 er det eneste verktøyet for å skape hierarki; å bruke en annen skrifttype ville ødelegge kiosk-illusjonen.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 4-8px |
| Knapperadius | 6px |
| Kortradius | 12px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 43-61px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i FRANKY'S -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- 099 SUPPLY — En gallerivegg fylt med svart-hvite objekter
- teenage engineering — Industriell katalog innen studiobelysning – produktet er det eneste viktige objektet på siden, og alt annet diskuteres rundt det.
- Custo — Et galleri i pistolfarget farge med en monolittisk skrifttype. Et utstillingslokale i dempede grågrønne toner, hvor et enkelt mørkt objekt og en skriftstørrelse på 57 piksler taler for seg selv.
- Walden — Skogbunnens stillhet – hvert produkt er en stein, hver piksel er mose og stillhet
- Fiverr — Det digitale basarens midtpunkt er en livlig grønn puls mot mørke teaterscener. En enkelt neongrønn prikk fungerer som et anker for logoen; resten er monokrom, designet for å fremheve appellen til tjenestene som tilbys.
- Peloton — En rød varsellampe på en kullsvart rullebane. Et treningsshowroom hvor et enkelt knallrødt CTA-skilt skjærer gjennom det enorme, mørke utstillingsområdet og fører til rene, hvite produktrom.
- HOUSEPLANT — en bokhandel med nøtter på linpapir
- Adam Lippes — Et monokromt redaksjonelt studio på kremfarget papir – et Vogue-oppslag der den eneste dekorasjonen er layoutrutenettet, ikke fargepaletten.
- Elektron — Utstyrets kontrollpanel ved midnatt er et nesten svart lerret, hvor produktbilder skinner mens grensesnittet forblir praktisk talt usynlig.
- Sigmaphoto — Monokromgalleriet med presisjonsinstrumenter er et stille, hvitt rom hvor den eneste fargen som betyr noe er den som kaller deg til handling.
- Channel Studio — Et fotostudiolaboratorium med én korall lampeskjerm
- Specht Studio — En gallerivegg fylt med diskret nysgjerrighet. Studioets egen kromfinish er en hvit overflate og svart skrift; det visuelle fyrverkeriet er fullstendig konsentrert i prosjektets flisarbeid.