FRANKY'S
Retro spēļu kiosks uz skeitborda veikala letes
Frenky vizuālā valoda ir retro arkādes un skeitborda veikala apvienojums: silti krēmkrāsas audekls (#f3e5df), ko ierāmē stingras pikseļu apmales, visuresošs melnbalts rūtiņas dizains un viena pikseļa fonts Arcade, kas izmantots katram vārdam tīmekļa vietnē. Palete ir apzināti reta — saglabātas tikai divas hromatiskas krāsas (signāloranža #faa21f zīmei un piesātināti zaļa #128e44 pirkšanas pogai), un visa hierarhija tiek izteikta, palielinot Arcade fonta svaru no 400 līdz 700 un izmantojot melnu krāsu uz krēmkrāsas fona. Virsmas paliek plakanas un monolītas; dziļums tiek panākts tikai ar ievietoto 1 pikseļa krēmkrāsas līniju uz pogām un rūtiņas tonālo spēli. Komponenti atgādina 20. gs. deviņdesmito gadu veikalu vitrīnu спрайtus: biezas melnas apmales, stingri 6–12 pikseļu apmaļu rādiusi, kompakts 4–8 pikseļu papildinājums un 3D/AR pārslēgi, kas izskatās pēc pikseļotām ikonām, nevis hroma elementiem. Jaunajām lapām ir paredzēts saglabāt arkādes atmosfēru: nav gradientu, izņemot oranžu ritinošu tekstu, nav maigu ēnu, nav dekoratīvas tipogrāfijas — tikai krēmkrāsas papīrs, melnas pikseļotas līnijas un viena silti oranža krāsa.
Galddatorā produkta lapa tiek attēlota pilna platuma, centrētā izkārtojumā ar maksimālo platumu 1200 pikseļi. Ritms no augšas uz leju ir šāds: oranžs ritinošs teksts → krēmkrāsas galvene ar melnu līniju → divu kolonnu sadalījums (55% šaha rūtiņas izkārtojums sākumlapā / 45% divu kolonnu režģis ar produktu kartītēm) → krēmkrāsas josla kājenē. Mobilajā versijā sākumlapa sabrūk pilna platuma šaha rūtiņā, un režģis kļūst par vienas kolonnas izkārtojumu. Kartītes ir vienmērīgi sadalītas divu kolonnu režģī ar pelēkiem pikseļiem (#e5e7eb) starp tām. Attālums starp sadaļām ir minimāls (43–61 pikseļi), un saskarnē nekad netiek izmantotas tumšas svītras, kas aptver visu lapas platumu — krēmkrāsas audekls tiek parādīts bez pārtraukumiem.
Cepurīšu fotogrāfija uz tīra krēmkrāsas fona, centrēta un cieši apgriezta, ar maigu, ogļu melnu ēnu apakšā. Nav dzīvesveida, nav modeļu, nav konteksta — cepure ir zvaigzne. Šaha raksts aiz galvenā elementa kalpo kā grafiskā virsma. Nav ilustrāciju, nav 3D renderējumu, izņemot papildinātās realitātes pārslēgu, nav dekoratīvu ikonu, izņemot pikseļoto krustu logotipā.
Palete
Zīmols
- Marquee Orange
#faa21f— Paziņojumu josla ekrāna augšdaļā, akcenta elementi, zīmola emblēma. - Buy Green
#128e44— Poga "PIEVIENOT GROZAM" ir aizpildīta — vienīgā pirkuma darbība ir atzīmēta zaļā krāsā.
Neitrāls
- Arcade Cream
#f3e5df— Lapas fons, produktu karšu virsmas, pogu ieliktņi. - Ink Black
#000000— Galvenais teksts, šaha galdiņa izkārtojums, visas lietotāja interfeisa apmales, karšu kontūras, ikonu apmales. - Pixel Gray
#e5e7eb— Plānas apmales, karšu atdalītāji, strukturālie noteikumi starp režģa šūnām. - Charcoal
#333333— Otrreizējais virsmas tonis, šaha rūtiņas ēnu kvadrāti, ēnu krāsa - Carbon
#151515— Bagātīgi neitrāli toņi aizpildošām ilustrācijām un visblīvākajām šaha lauciņa flīzēm. - Muted Gray
#737373— Atspējots/klusināts teksts uz pogām un pamattekstā
Tipogrāfija
no 10 līdz 18 pikseļiem · 4 soļi
- Arcade — nomaiņa: VT323 · kontūras 400, 700 · Visā saskarnē tiek izmantots viens fonts — visi virsraksti, etiķetes, cenas, pogas, pamatteksts un ikonas ir Arcade valodā. Pāreja no 400 uz 700 ir vienīgais rīks hierarhijas veidošanai; otra fonta izmantošana sabojātu kioska ilūziju.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 4-8px |
| Pogas rādiuss | 6px |
| Kartes rādiuss | 12px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 43-61px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni FRANKY'S stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
- teenage engineering — Industriālais katalogs studijas apgaismojumā — produkts ir vienīgais nozīmīgais objekts lapā, un viss pārējais tiek apspriests ap to
- Custo — Ieroču metāla krāsas galerija ar monolītu fontu. Izstāžu zāle klusinātos pelēkzaļos toņos, kur viens tumšs objekts un 57px fonts runā paši par sevi.
- Walden — Meža zemsedzes klusums - katrs produkts ir akmens, katrs pikselis ir sūnas un klusums
- Fiverr — Digitālā tirgus centrālais elements ir spilgti zaļš pulsējošs elements uz tumšu teātra skatuvju fona. Viens neona zaļš punkts kalpo kā logotipa enkurs; pārējais ir vienkrāsains, lai izceltu piedāvāto pakalpojumu pievilcību.
- Peloton — Sarkana bāka uz melna skrejceļa. Fitnesa izstāžu zāle, kur viena spilgti sarkana CTA zīme šķērso plašo, tumšo izstāžu telpu un ved uz tīrām, baltām produktu telpām.
- HOUSEPLANT — grāmatnīca ar riekstiem uz lina papīra
- Adam Lippes — Monohroma redakcijas studija uz krēmkrāsas papīra – Vogue izkārtojums, kur vienīgā dekorācija ir maketa režģis, nevis krāsu palete.
- Elektron — Iekārtu vadības panelis pusnaktī ir gandrīz melns audekls, kur mirdz produktu fotoattēli, bet saskarne paliek praktiski neredzama.
- Sigmaphoto — Precīzijas instrumentu vienkrāsainā galerija ir klusa, balta telpa, kur svarīga ir tikai tā krāsa, kas aicina rīkoties.
- Channel Studio — Studijas fotolaboratorija ar vienu koraļļu abažūru
- Specht Studio — Galerijas siena, kas piepildīta ar diskrētu ziņkāri. Studijas hroma apdare ir balta virsma un melni burti; vizuālais uguņojums ir pilnībā koncentrēts projekta flīzējumā.