FRANKY'S
Ciosg gemau retro ar gownter siop sglefrio
Mae iaith weledol Franky yn gyfuniad o arcêd retro a siop sglefrfyrddio: cynfas hufen cynnes (#f3e5df) wedi'i fframio gan ffiniau picsel anhyblyg, bwrdd siec du a gwyn hollbresennol, a ffont un picsel, Arcade, a ddefnyddir ar gyfer pob gair ar y wefan. Mae'r palet yn fwriadol brin—dim ond dau liw cromatig sydd ar ôl (oren signal #faa21f ar gyfer yr arwydd a gwyrdd cyfoethog #128e44 ar gyfer y botwm prynu), gyda'r hierarchaeth gyfan yn cael ei mynegi trwy gynyddu pwysau ffont Arcade o 400 i 700 a thrwy ddefnyddio du yn erbyn y cefndir hufen. Mae arwynebau'n aros yn wastad ac yn monolithig; dim ond trwy'r llinell hufen 1px a fewnosodwyd ar y botymau a chwarae tonal y bwrdd siec y cyflawnir dyfnder. Mae'r cydrannau'n atgoffa rhywun o sbrites siop y 1990au: ffiniau du trwchus, radii ffiniau tynn 6-12px, padio cryno 4-8px, a thoglynnau 3D/AR sy'n edrych fel eiconau picseledig yn hytrach nag elfennau crôm. Bwriad y tudalennau newydd yw cynnal yr awyrgylch tebyg i arcêd: dim graddiannau heblaw am destun sgrolio oren, dim cysgodion meddal, dim teipograffeg addurniadol—dim ond papur lliw hufen, llinellau picseledig du, ac un lliw oren cynnes.
Ar gyfrifiadur personol, mae tudalen y cynnyrch yn arddangos cynllun canolog, lled llawn gyda lled uchaf o 1200px. Y rhythm o'r top i'r gwaelod yw: testun sgrolio oren → pennawd lliw hufen gyda llinell ddu → rhaniad dwy golofn (55% bwrdd siec ar yr hafan / 45% grid dwy golofn o gardiau cynnyrch) → streipen lliw hufen yn y droedyn. Ar ffôn symudol, mae'r hafan yn plygu i mewn i fwrdd siec lled llawn, ac mae'r grid yn dod yn gynllun un golofn. Mae cardiau wedi'u dosbarthu'n gyfartal mewn grid dwy golofn gyda rhannwyr Picsel llwyd (#e5e7eb) rhyngddynt. Mae'r bylchau rhwng adrannau yn fach iawn (43–61px), ac nid yw'r rhyngwyneb byth yn defnyddio streipiau tywyll sy'n rhychwantu lled cyfan y dudalen—mae'r cynfas hufen yn cael ei arddangos heb ymyrraeth.
Ffotograff o gapiau yn erbyn cefndir hufen glân, wedi'i ganoli a'i docio'n dynn, gyda chysgod meddal, du-siarcol oddi tano. Dim ffordd o fyw, dim modelau, dim cyd-destun—y cap yw'r seren. Mae patrwm siecfwrdd y tu ôl i'r brif elfen yn gwasanaethu fel yr arwyneb graffig. Dim darluniau, dim rendradau 3D ac eithrio'r togl realiti estynedig, dim eiconau addurniadol ac eithrio'r groes bicseledig yn y logo.
Palet
Brand
- Marquee Orange
#faa21f— Bar hysbysiadau ar frig y sgrin, elfennau acen, brandio. - Buy Green
#128e44— Mae'r botwm "YCHWANEGU AT Y FASGD" wedi'i lenwi - yr unig weithred prynu wedi'i marcio mewn gwyrdd.
Niwtral
- Arcade Cream
#f3e5df— Cefndir tudalen, arwynebau cardiau cynnyrch, mewnosodiadau botwm. - Ink Black
#000000— Prif destun, cynllun bwrdd siec, holl ffiniau'r rhyngwyneb defnyddiwr, amlinelliadau cardiau, ffiniau eiconau. - Pixel Gray
#e5e7eb— Ffiniau tenau, rhannwyr cardiau, rheolau strwythurol rhwng celloedd grid. - Charcoal
#333333— Tôn arwyneb eilaidd, sgwariau cysgod bwrdd siec, lliw cysgod - Carbon
#151515— Tonau niwtral cyfoethog ar gyfer llenwi darluniau a'r teils bwrdd siec mwyaf dwys. - Muted Gray
#737373— Testun analluog/mwg ar fotymau ac yn y testun corff
Teipograffeg
o 10 i 18px · 4 cam
- Arcade — amnewid: VT323 · amlinelliadau 400, 700 · Defnyddir un ffont drwy gydol y rhyngwyneb—mae'r holl benawdau, labeli, prisiau, botymau, testun corff ac eiconau yn Arcade. Y newid o 400 i 700 yw'r unig offeryn ar gyfer creu hierarchaeth; byddai defnyddio ail ffont yn difetha'r rhith ciosg.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 4-8px |
| Radiws botwm | 6px |
| Radiws y cerdyn | 12px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 43-61px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null FRANKY'S ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- 099 SUPPLY — Wal oriel yn llawn gwrthrychau du a gwyn
- teenage engineering — Catalog diwydiannol mewn goleuadau stiwdio - y cynnyrch yw'r unig wrthrych arwyddocaol ar y dudalen, a thrafodir popeth arall o'i gwmpas
- Custo — Oriel lliw gwnmetal gyda ffont monolithig. Ystafell arddangos mewn arlliwiau llwyd-wyrdd tawel, lle mae un gwrthrych tywyll a ffont 57px yn siarad drostynt eu hunain.
- Walden — Tawelwch llawr y goedwig - mae pob cynnyrch yn garreg, mae pob picsel yn fwsogl a thawelwch
- Fiverr — Pwynt canolog y basâr digidol yw curiad gwyrdd bywiog yn erbyn llwyfannau theatr tywyll. Mae un dot gwyrdd neon yn gwasanaethu fel angor i'r logo; mae'r gweddill yn unlliw, wedi'i gynllunio i amlygu apêl y gwasanaethau a gynigir.
- Peloton — Goleudy coch ar redfa ddu fel jet. Ystafell arddangos ffitrwydd lle mae un arwydd CTA coch llachar yn torri trwy'r gofod arddangos helaeth, tywyll ac yn arwain at ystafelloedd cynnyrch glân, gwyn.
- HOUSEPLANT — siop lyfrau gyda chnau ar bapur lliain
- Adam Lippes — Stiwdio olygyddol monocrom ar bapur hufen – lledaeniad Vogue lle'r unig addurn yw'r grid cynllun, nid y palet lliw.
- Elektron — Mae panel rheoli'r offer am hanner nos bron yn gynfas du, lle mae lluniau cynnyrch yn disgleirio tra bod y rhyngwyneb bron yn anweledig.
- Sigmaphoto — Mae Oriel Monocrom yr Offerynnau Manwl yn ystafell wen dawel lle'r unig liw sy'n bwysig yw'r un sy'n eich galw i weithredu.
- Channel Studio — Labordy lluniau stiwdio gydag un cysgod lamp cwrel
- Specht Studio — Wal oriel yn llawn chwilfrydedd disylw. Gorffeniad crôm y stiwdio ei hun yw arwyneb gwyn a llythrennau du; mae'r tân gwyllt gweledol wedi'i ganoli'n llwyr o fewn gwaith teils y prosiect.