FRANKY'S
Një kioskë lojërash retro në banakun e një dyqani patinazhi
Gjuha vizuale e Franky-t është një kombinim i lojërave retro me lojëra elektronike dhe dyqaneve me skateboard: një kanavacë e ngrohtë krem (#f3e5df) e përshtatur nga kufij të ngurtë pikselësh, një tabelë shahu bardh e zi e kudondodhur dhe një font me një piksel, Arcade, i përdorur për çdo fjalë në faqen e internetit. Paleta është qëllimisht e rrallë - mbeten vetëm dy ngjyra kromatike (portokalli sinjalizuese #faa21f për tabelën dhe jeshile e pasur #128e44 për butonin e blerjes), me të gjithë hierarkinë e shprehur duke rritur peshën e fontit Arcade nga 400 në 700 dhe duke përdorur të zezën në sfondin krem. Sipërfaqet mbeten të sheshta dhe monolitike; thellësia arrihet vetëm përmes vijës kremoze të futur 1px në butona dhe lojës tonale të tabelës së shahut. Komponentët kujtojnë sprite-t e vitrinave të viteve 1990: kufij të trashë të zinj, rreze të ngushta kufijsh 6-12px, mbushje kompakte 4-8px dhe butona 3D/AR që duken si ikona të pikseluara në vend të elementëve të kromit. Faqet e reja kanë për qëllim të ruajnë atmosferën e një loje arkade: pa gradiente përveç një teksti portokalli që lëviz, pa hije të buta, pa tipografi dekorative - vetëm letër me ngjyrë krem, vija të zeza të pikselizuara dhe një ngjyrë e vetme portokalli e ngrohtë.
Në desktop, faqja e produktit shfaq një paraqitje me gjerësi të plotë dhe të përqendruar me një gjerësi maksimale prej 1200 pikselësh. Ritmi nga lart poshtë është: tekst me lëvizje portokalli → kokë me ngjyrë krem me një vijë të zezë → ndarje me dy kolona (55% tabelë shahu në faqen kryesore / 45% rrjetë me dy kolona e kartave të produkteve) → vijë me ngjyrë krem në fund të faqes. Në celular, faqja kryesore mblidhet në një tabelë shahu me gjerësi të plotë dhe rrjeta bëhet një paraqitje me një kolonë të vetme. Kartat shpërndahen në mënyrë të barabartë në një rrjetë me dy kolona me ndarës gri Pixel (#e5e7eb) midis tyre. Hapësira midis seksioneve është minimale (43–61 piksel) dhe ndërfaqja nuk përdor kurrë vija të errëta që përfshijnë të gjithë gjerësinë e faqes - kanavaca krem shfaqet pa ndërprerje.
Një fotografi e kapelave në një sfond të pastër krem, e vendosur në qendër dhe e prerë fort, me një hije të butë, të zezë si qymyr druri poshtë. Asnjë stil jetese, asnjë model, asnjë kontekst - kapela është ylli. Një model shahu pas elementit kryesor shërben si sipërfaqe grafike. Asnjë ilustrim, asnjë renderim 3D përveç çelësit të realitetit të shtuar, asnjë ikonë dekorative përveç kryqit të pikseluar në logo.
Paletë
Markë
- Marquee Orange
#faa21f— Shiriti i njoftimeve në krye të ekranit, elementët e theksit, marka. - Buy Green
#128e44— Butoni "SHTO NË SHPORTË" është i plotësuar - i vetmi veprim blerjeje i shënuar me jeshile.
Neutral
- Arcade Cream
#f3e5df— Sfondi i faqes, sipërfaqet e kartave të produktit, futjet e butonave. - Ink Black
#000000— Teksti kryesor, paraqitja e tabelës së shahut, të gjitha kufijtë e ndërfaqes së përdoruesit, konturet e kartave, kufijtë e ikonave. - Pixel Gray
#e5e7eb— Kufij të hollë, ndarës kartash, rregulla strukturore midis qelizave të rrjetës. - Charcoal
#333333— Toni i sipërfaqes dytësore, katrorët e hijes së shahut, ngjyra e hijes - Carbon
#151515— Tone të pasura neutrale për ilustrime plot jetë dhe pllakat më të dendura të tabelës së shahut. - Muted Gray
#737373— Tekst i çaktivizuar/i heshtur në butona dhe në tekstin e trupit
Tipografi
nga 10 në 18px · 4 hapa
- Arcade — zëvendësim: VT323 · skica 400, 700 · Një font i vetëm përdoret në të gjithë ndërfaqen—të gjitha titujt, etiketat, çmimet, butonat, teksti i trupit dhe ikonat janë në Arcade. Kalimi nga 400 në 700 është i vetmi mjet për krijimin e hierarkisë; përdorimi i një fonti të dytë do të prishte iluzionin e kioskës.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 4-8px |
| Rrezja e butonit | 6px |
| Rrezja e kartës | 12px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 43-61px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin FRANKY'S dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- 099 SUPPLY — Një mur galerie i mbushur me objekte bardh e zi
- teenage engineering — Katalogu industrial në ndriçimin e studios - produkti është objekti i vetëm i rëndësishëm në faqe, dhe gjithçka tjetër diskutohet rreth tij
- Custo — Një galeri me ngjyrë të artë metalike me një font monolit. Një sallë ekspozite me tone të zbehta gri-jeshile, ku një objekt i vetëm i errët dhe një font 57px flasin vetë.
- Walden — Heshtja e dyshemesë së pyllit - çdo produkt është një gur, çdo piksel është myshk dhe heshtje
- Fiverr — Pika qendrore e pazarit dixhital është një puls i gjallë jeshil kundër skenave të errëta të teatrit. Një pikë e vetme jeshile neoni shërben si spirancë për logon; pjesa tjetër është monokrome, e projektuar për të nxjerrë në pah atraktivitetin e shërbimeve të ofruara.
- Peloton — Një fener i kuq në një pistë të zezë si qymyri. Një sallë ekspozite fitnesi ku një tabelë e vetme e kuqe e ndezur CTA pret hapësirën e gjerë dhe të errët të ekspozitës dhe të çon në dhoma produktesh të pastra dhe të bardha.
- HOUSEPLANT — një librari me arra në letër liri
- Adam Lippes — Një studio editoriale monokrome në letër krem – një faqosje e Vogue ku dekorimi i vetëm është rrjeta e paraqitjes, jo paleta e ngjyrave.
- Elektron — Paneli i kontrollit të pajisjeve në mesnatë është një kanavacë pothuajse e zezë, ku shkëlqejnë fotot e produkteve ndërsa ndërfaqja mbetet praktikisht e padukshme.
- Sigmaphoto — Galeria Monokrome e Instrumenteve Precize është një dhomë e bardhë e qetë ku e vetmja ngjyrë që ka rëndësi është ajo që të thërret për veprim.
- Channel Studio — Një laborator fotografik në studio me një abazhur korali
- Specht Studio — Një mur galerie i mbushur me kuriozitet diskret. Përfundimi i kromit i studios është një sipërfaqe e bardhë dhe shkronja të zeza; fishekzjarrët vizualë janë përqendruar tërësisht brenda punimeve me pllaka të projektit.