FRANKY'S
In retro gamingkiosk op 'e baly fan in skatewinkel
Franky's fisuele taal is in kombinaasje fan retro-arkade en skateboardwinkel: in waarm crèmekleurich doek (#f3e5df) omjûn troch stive pikselgrinzen, in oeral oanwêzich swart-wyt skaakboerd, en in ien-piksel lettertype, Arcade, brûkt foar elk wurd op 'e webside. It palet is mei opsetsin spars - allinich twa chromatyske kleuren bliuwe oer (sinjaaloranje #faa21f foar it buordsje en ryk grien #128e44 foar de keapknop), wêrby't de hiele hiërargy útdrukt wurdt troch it ferheegjen fan it Arcade-lettertypegewicht fan 400 nei 700 en troch swart te brûken tsjin 'e crèmekleurige eftergrûn. Oerflakken bliuwe flak en monolitysk; djipte wurdt allinich berikt troch de ynfoege 1px crèmekleurige line op 'e knoppen en it toanale spul fan it skaakboerd. De komponinten dogge tinken oan winkelsprites út 'e jierren '90: dikke swarte rânen, strakke 6-12px grinsradii, kompakte 4-8px padding, en 3D/AR-skeakels dy't lykje op pikselearre ikoanen ynstee fan chrome-eleminten. De nije siden binne bedoeld om de arkade-eftige sfear te behâlden: gjin gradiënten oars as in oranje rôljende tekst, gjin sêfte skaden, gjin dekorative typografy - allinich crèmekleurich papier, swarte pikselearre linen en in inkele waarme oranje kleur.
Op buroblêd toant de produktside in sintraal formaat oer de folsleine breedte mei in maksimale breedte fan 1200px. It ritme fan boppe nei ûnderen is: oranje rôljende tekst → crèmekleurige koptekst mei in swarte line → splitsing yn twa kolommen (55% skaakboerd op 'e thússide / 45% raster mei twa kolommen fan produktkaarten) → crèmekleurige stripe yn 'e fuottekst. Op mobyl falt de thússide yninoar ta in skaakboerd oer de folsleine breedte, en wurdt it raster in yndieling mei ien kolom. Kaarten binne lykwichtich ferdield yn in raster mei twa kolommen mei grize Pixel (#e5e7eb) skiedingsdielen dertusken. De ôfstân tusken seksjes is minimaal (43–61px), en de ynterface brûkt nea donkere strepen dy't de hiele breedte fan 'e side beslaan - it crèmekleurige kanvas wurdt sûnder ûnderbrekking werjûn.
In foto fan petten tsjin in skjinne crèmekleurige eftergrûn, sintraal en strak bysnien, mei in sêfte, houtskoal-swarte skaad derûnder. Gjin libbensstyl, gjin modellen, gjin kontekst - de pet is de stjer. In skaakboerdpatroan efter it haadelemint tsjinnet as it grafyske oerflak. Gjin yllustraasjes, gjin 3D-renderings útsein de augmented reality-skeakel, gjin dekorative ikoanen útsein it pikselearre krús yn it logo.
Palet
Merk
- Marquee Orange
#faa21f— Notifikaasjebalke boppe oan it skerm, aksint-eleminten, branding. - Buy Green
#128e44— De knop "TAFOEGJE OAN WINKELWAGEN" is ynfold - de ienige oankeapaksje markearre yn grien.
Neutraal
- Arcade Cream
#f3e5df— Side-eftergrûn, oerflakken fan produktkaarten, knopynfoegsels. - Ink Black
#000000— Haadtekst, skaakboerdlayout, alle UI-rânen, kaartomtrekken, ikoanrânen. - Pixel Gray
#e5e7eb— Tinne rânen, kaartskieders, strukturele regels tusken rasterzellen. - Charcoal
#333333— Sekundêre oerflaktoan, skaakboerdskaadfjouwerkanten, skaadkleur - Carbon
#151515— Rike neutrale toanen foar it opfoljen fan yllustraasjes en de tichtste skaakboerdtegels. - Muted Gray
#737373— Útskeakele/dempte tekst op knoppen en yn lichemstekst
Typografy
fan 10 oant 18px · 4 stappen
- Arcade — ferfanging: VT323 · sketsen 400, 700 · Ien lettertype wurdt brûkt yn 'e hiele ynterface - alle kopteksten, labels, prizen, knoppen, lichemstekst en ikoanen binne yn Arcade. De oergong fan 400 nei 700 is it ienige ark foar it meitsjen fan hiërargy; it brûken fan in twadde lettertype soe de kiosk-yllúzje ferneatigje.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 4-8px |
| Knopradius | 6px |
| Kaartradius | 12px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 43-61px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn FRANKY'S -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- 099 SUPPLY — In galerymuorre fol mei swarte en wite objekten
- teenage engineering — Yndustriële katalogus yn studioferljochting - it produkt is it ienige wichtige objekt op 'e pagina, en alles oars wurdt deromhinne besprutsen
- Custo — In gewearmetaalkleurige galery mei in monolitysk lettertype. In showroom yn gedempte griisgriene toanen, dêr't in inkele tsjustere objekt en in lettertype fan 57px foar harsels sprekke.
- Walden — De stilte fan 'e boskflier - elk produkt is in stien, elke piksel is moas en stilte
- Fiverr — It fokuspunt fan 'e digitale bazaar is in libbene griene pols tsjin tsjustere teaterpodia. In inkele neongriene stip tsjinnet as anker foar it logo; de rest is monochroom, ûntworpen om de oantrekkingskrêft fan 'e oanbeane tsjinsten te markearjen.
- Peloton — In read beaken op in gitswarte catwalk. In fitnessshowroom dêr't in inkele helderread CTA-buordsje troch de grutte, tsjustere tentoanstellingsromte snijt en liedt nei skjinne, wite produktkeamers.
- HOUSEPLANT — in boekhannel mei nuten op linnenpapier
- Adam Lippes — In monochrome redaksjestudio op crèmekleurich papier - in Vogue-útjefte dêr't de ienige dekoraasje it layoutraster is, net it kleurenpalet.
- Elektron — It kontrôlepaniel fan 'e apparatuer om middernacht is in hast swart doek, dêr't produktfoto's skine, wylst de ynterface praktysk ûnsichtber bliuwt.
- Sigmaphoto — De Monochrome Gallery of Precision Instruments is in rêstige wite keamer dêr't de ienige kleur dy't wichtich is, dejinge is dy't jo ta aksje opropt.
- Channel Studio — In studiofotolaboratoarium mei ien koraal lampeskerm
- Specht Studio — In galerymuorre fol mei diskrete nijsgjirrigens. De eigen chrome finish fan 'e studio is in wyt oerflak en swarte letters; it fisuele fjoerwurk is folslein konsintrearre yn it tegelwurk fan it projekt.