FRANKY'S
Retro spilakiosk á borði hjólabrettabúðar
Myndmál Frankys er blanda af retro spilakassa og hjólabrettaverslun: hlýr kremlitaður strigi (#f3e5df) rammaður inn af stífum pixlarömmum, alls staðar nálægum svart-hvítum skákborðsmynstri og einum pixla letri, Arcade, sem er notað fyrir hvert orð á vefsíðunni. Litavalið er vísvitandi strjált — aðeins tveir krómatískir litir eru eftir (appelsínugulur #faa21f fyrir skiltið og djúpgrænn #128e44 fyrir kauphnappinn), þar sem allt stigveldið er tjáð með því að auka leturþyngd Arcade úr 400 í 700 og með því að nota svart á kremlituðum bakgrunni. Yfirborðið er flatt og einlitt; dýpt næst aðeins með innsettri 1px kremlitalínu á hnöppunum og tónaleik skákborðsins. Íhlutirnir minna á verslunarspríta frá tíunda áratugnum: þykkir svartir rammar, þéttir 6-12px rammaradíusar, þétt 4-8px bólstrun og 3D/AR rofar sem líta út eins og pixlaðar táknmyndir frekar en krómaðir þættir. Nýju síðurnar eiga að viðhalda spilakassa-líku andrúmslofti: engir litbrigði aðrir en appelsínugulur skruntexti, engir mjúkir skuggar, engin skreytingarleturgerð — aðeins rjómalitaður pappír, svartar pixlaðar línur og einn hlýr appelsínugulur litur.
Á skjáborði birtist vörusíðan í fullri breidd, miðjuðu útliti, allt að 1200px. Efsta-til-neðsta takturinn er: appelsínugulur skruntexti → rjómalitaður haus með svartri línu → tvídálkaskipting (55% skákborð á forsíðunni / 45% tveggja dálka rist af vörukortum) → rjómalitaður rönd í síðufóti. Í farsímum fellur forsíðan saman í fullri breidd skákborð og ristið verður að einum dálki. Kortin eru jafnt dreift í tveggja dálka rist með gráum Pixel (#e5e7eb) skilrúmum á milli þeirra. Bilið milli hluta er lágmark (43–61px) og viðmótið notar aldrei dökkar rendur sem spanna alla breidd síðunnar — rjómalitaða striginn birtist án truflana.
Ljósmynd af húfum á hreinum rjómalituðum bakgrunni, miðjaðri og þétt klipptri, með mjúkum, kolsvörtum skugga undir. Enginn lífsstíll, engar fyrirsætur, ekkert samhengi – húfan er stjarnan. Skákborðsmynstur á bak við aðalþáttinn þjónar sem grafískt yfirborð. Engar myndskreytingar, engar þrívíddarmyndir nema fyrir aukinn veruleika-rofa, engar skreytingartákn nema fyrir pixlaða krossinn í merkinu.
Litatöflu
Vörumerki
- Marquee Orange
#faa21f— Tilkynningarstika efst á skjánum, áhersluatriði, vörumerki. - Buy Green
#128e44— Hnappurinn „BÆTA Í KÖRFU“ er útfylltur - eina kaupaðgerðin sem er merkt með grænu.
Hlutlaus
- Arcade Cream
#f3e5df— Bakgrunnur síðu, yfirborð vörukorta, innfellingar hnappa. - Ink Black
#000000— Aðaltexti, skákborðsuppsetning, allir rammar í notendaviðmóti, útlínur korta, táknrammar. - Pixel Gray
#e5e7eb— Þunnir rammar, kortaskilrúm, uppbyggingarreglur milli reita. - Charcoal
#333333— Auka yfirborðstónn, skákborðsskuggaferningar, skuggalitur - Carbon
#151515— Ríkir hlutlausir tónar fyrir fyllingarmyndir og þéttustu skákborðsflísar. - Muted Gray
#737373— Óvirkur/þaggaður texti á hnöppum og í megintexta
Leturfræði
frá 10 til 18px · 4 skref
- Arcade — skipti: VT323 · útlínur 400, 700 · Eitt letur er notað um allt viðmótið — allar fyrirsagnir, merkingar, verð, hnappar, megintexti og tákn eru í Arcade. Skiptið úr 400 í 700 er eina verkfærið til að búa til stigveldi; notkun annars leturs myndi spilla blekkingunni um söluturninn.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 4-8px |
| Hnapparadíus | 6px |
| Radíus korts | 12px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 43-61px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við FRANKY'S og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- 099 SUPPLY — Galleríveggur fullur af svörtum og hvítum hlutum
- teenage engineering — Iðnaðarvörulisti í stúdíólýsingu - varan er eini marktæki hluturinn á síðunni og allt annað er rætt í kringum hana.
- Custo — Gallerí í byssulitum með einsleitum letri. Sýningarsalur í daufum grágrænum tónum, þar sem einn dökkur hlutur og 57px letur tala sínu máli.
- Walden — Þögn skógarbotnsins - hver vara er steinn, hver pixla er mosi og þögn
- Fiverr — Áhersla stafræna basarsins er skærgrænn púls á dimmum leikhússviðum. Einn neongrænn punktur þjónar sem akkeri fyrir merkið; restin er einlita, hönnuð til að undirstrika aðdráttarafl þjónustunnar sem í boði er.
- Peloton — Rauður ljósastaur á kolsvörtum pöllum. Sýningarsalur fyrir líkamsræktarstöðvar þar sem eitt skærrautt CTA-skilti sker sig í gegnum hið víðáttumikla, dimma sýningarrými og liggur að hreinum, hvítum vöruherbergjum.
- HOUSEPLANT — Bókabúð með hnetum á línpappír
- Adam Lippes — Einlita ritstjórnarstofa á rjómalituðum pappír – Vogue-uppdráttur þar sem eina skreytingin er útlitsgrindin, ekki litapalletan.
- Elektron — Stjórnborð búnaðarins um miðnætti er næstum svart strigi, þar sem myndir af vörum skína á meðan viðmótið er nánast ósýnilegt.
- Sigmaphoto — Einlita galleríið með nákvæmnistækjum er kyrrlátt hvítt herbergi þar sem eini liturinn sem skiptir máli er sá sem kallar þig til aðgerða.
- Channel Studio — Ljósmyndastofa með einum kóral lampaskermi
- Specht Studio — Galleríveggur fullur af látlausri forvitni. Krómáferð vinnustofunnar er hvít með svörtum stöfum; sjónræni flugeldurinn er alfarið einbeittur að flísalögnum verkefnisins.