FRANKY'S
E Retro-Spillkiosk um Comptoir vun engem Skateshop
Dem Franky seng visuell Sprooch ass eng Kombinatioun aus Retro-Arcade a Skateboardgeschäft: eng waarm Crèmefaarf-Leinwand (#f3e5df), déi vu steife Pixelränner agerummt ass, engem allgegenwärtege schwaarz-wäisse Schachbrett, an eng eenzeg Pixel-Schrëft, Arcade, déi fir all Wuert op der Websäit benotzt gëtt. D'Palette ass absichtlech spuersam - nëmmen zwou chromatesch Faarwe bleiwen (Signalorange #faa21f fir d'Schëld a räichgréng #128e44 fir de Kafknäppchen), woubäi déi ganz Hierarchie ausgedréckt gëtt andeems d'Schrëftgewiicht vun Arcade vu 400 op 700 erhéicht gëtt an duerch Schwaarz géint den Crème-Hannergrond benotzt gëtt. D'Uewerfläche bleiwen flaach a monolithesch; Déift gëtt nëmmen duerch déi agebaute 1px Crèmefaarf-Linn op de Knäppercher an d'Tonalspill vum Schachbrett erreecht. D'Komponente erënneren un d'Geschäftsfront-Sprites vun den 1990er Joren: déck schwaarz Ränner, enk 6-12px-Randradien, kompakt 4-8px-Padding an 3D/AR-Toggles, déi ausgesinn wéi pixeléiert Ikonen anstatt Chrom-Elementer. Déi nei Säite sollen déi arkadeähnlech Atmosphär behalen: keng Gradienten ausser engem orange Scrolltext, keng mëll Schied, keng dekorativ Typographie - nëmme crèmefaarwegt Pabeier, schwaarz pixeléiert Linnen an eng eenzeg waarm orange Faarf.
Op Desktop weist d'Produktsäit e Layout a voller Breet, zentréiert mat enger maximaler Breet vun 1200px. De Rhythmus vun uewen no ënnen ass: orange Scrolltext → cremefaarwege Header mat enger schwaarzer Linn → Opdeelung a zwou Kolonnen (55% Schachbrett op der Homepage / 45% Raster mat zwou Kolonnen vu Produktkaarten) → cremefaarwege Sträif am Fousszeilen. Op mobilen Apparater klappt d'Homepage an e Schachbrett a voller Breet zesummen, an d'Raster gëtt zu engem Layout mat enger Kolonne. D'Kaarte sinn gläichméisseg an engem Raster mat zwou Kolonnen verdeelt mat groe Pixel (#e5e7eb) Trennwänn dertëschent. Den Ofstand tëscht de Sektiounen ass minimal (43–61px), an d'Interface benotzt ni donkel Sträifen, déi déi ganz Breet vun der Säit ofdecken - déi cremefaarweg Leinwand gëtt ouni Ënnerbriechung ugewisen.
Eng Foto vu Kappen virun engem propperen, cremefaarwegen Hannergrond, zentréiert a knapp ausgeschnidden, mat engem mëllen, anthrazit-schwaarze Schiet drënner. Kee Liewensstil, keng Modeller, kee Kontext - d'Kapp ass de Stär. E Schachbrettmuster hannert dem Haaptelement déngt als grafesch Uewerfläch. Keng Illustratiounen, keng 3D-Renderungen ausser dem Augmented-Reality-Knäppchen, keng dekorativ Ikonen ausser dem pixeléierte Kräiz am Logo.
Palette
Mark
- Marquee Orange
#faa21f— Notifikatiounsbar uewen um Écran, Akzentelementer, Branding. - Buy Green
#128e44— De Knäppchen "AN DE KAAFKORB DERBAISETZEN" ass ausgefëllt - déi eenzeg Akaafaktioun ass gréng markéiert.
Neutral
- Arcade Cream
#f3e5df— Säitenhannergrond, Produktkaartuewerflächen, Knäppchenasätz. - Ink Black
#000000— Haapttext, Schachbrett-Layout, all UI-Ränner, Kaartekonturen, Ikonenränner. - Pixel Gray
#e5e7eb— Dënn Grenzen, Kaartentrennwänn, strukturell Reegelen tëscht Rasterzellen. - Charcoal
#333333— Sekundär Uewerflächentéin, Schachbrettschattenquadrater, Schattenfaarf - Carbon
#151515— Räich neutral Téin fir Illustratiounen auszefëllen an déi dichtst Schachbrettplättercher. - Muted Gray
#737373— Deaktivéierten/gestëmmten Text op Knäppercher an am Kierpertext
Typographie
vun 10 bis 18px · 4 Schrëtt
- Arcade — Ersatz: VT323 · Konturen 400, 700 · Eng eenzeg Schrëft gëtt am ganze Interface benotzt - all Iwwerschrëften, Etiketten, Präisser, Knäppercher, Kierpertext a Symboler sinn an Arcade. Den Iwwergang vu 400 op 700 ass dat eenzegt Instrument fir eng Hierarchie ze kreéieren; eng zweet Schrëft ze benotzen géif d'Kiosk-Illusioun zerstéieren.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 4-8px |
| Knäppchenradius | 6px |
| Kaarteradius | 12px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 43-61px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun FRANKY'S op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- 099 SUPPLY — Eng Galeriemauer gefëllt mat schwaarz-wäissen Objeten
- teenage engineering — Industriellen Katalog an der Studiobeliichtung - d'Produkt ass dat eenzegt bedeitend Objet op der Säit, an alles anescht gëtt ronderëm diskutéiert.
- Custo — Eng gunmetallfaarweg Galerie mat enger monolithescher Schrëft. E Showroom a gedämpfte gro-gréngen Téin, wou een eenzegt donkelt Objet an eng 57px Schrëft fir sech schwätzen.
- Walden — D'Rou vum Bëschbuedem - all Produkt ass e Steen, all Pixel ass Moos a Rou
- Fiverr — De Schwéierpunkt vum digitale Basar ass e liewege grénge Puls géint däischter Theaterbünen. En eenzege neongrénge Punkt déngt als Anker fir de Logo; de Rescht ass monochrom, entworf fir d'Attraktivitéit vun den ugebuedenen Déngschtleeschtungen ze ervirhiewen.
- Peloton — E roude Liichttuerm op enger kolschwaarzer Pist. E Fitness-Showroom, wou en eenzegt knallrout CTA-Schëld duerch de risegen, däischteren Ausstellungsraum schneid a féiert zu propperen, wäisse Produktraim.
- HOUSEPLANT — eng Bicherbuttek mat Nëss op Léngepabeier
- Adam Lippes — E monochrome Redaktiounsstudio op cremefaarwegem Pabeier – e Vogue-Upload, wou déi eenzeg Dekoratioun de Layout-Raster ass, net d'Faarfpalette.
- Elektron — De Kontrollpanel vun der Ausrüstung um Mëtternuecht ass eng bal schwaarz Leinwand, wou Produktfotoe glänzen, während d'Interface praktesch onsichtbar bleift.
- Sigmaphoto — D'Monochrome Gallery of Precision Instruments ass e rouege wäisse Raum, wou déi eenzeg Faarf, déi zielt, déi ass, déi Iech zum Handeln oprufft.
- Channel Studio — E Fotostudio mat engem Korallenlampeschierm
- Specht Studio — Eng Galeriemauer voller diskreter Virwëtz. Déi Chrom-Uewerfläch vum Studio selwer besteet aus enger wäisser Uewerfläch a schwaarzer Buschtawen; dat visuellt Feierwierk ass komplett an de Fliesenaarbechte vum Projet konzentréiert.