FRANKY'S
Retroa videoludada kiosko sur la vendotablo de rultabulvendejo
La vida lingvo de Franky estas kombinaĵo de retroa arkado kaj rultabula vendejo: varma kremkolora kanvaso (#f3e5df) enkadrigita de rigidaj pikselaj randoj, ĉiea nigrablanka ŝaktabulo, kaj unu-piksela tiparo, Arcade, uzata por ĉiu vorto en la retejo. La paletro estas intence malabunda - nur du kromataj koloroj restas (signaloranĝo #faa21f por la ŝildo kaj riĉa verdo #128e44 por la aĉetbutono), kun la tuta hierarkio esprimita per pliigo de la Arcade-tiparpezo de 400 al 700 kaj per uzado de nigra kontraŭ la kremkolora fono. La surfacoj restas ebenaj kaj monolitaj; profundo estas atingita nur per la enigita 1-piksela kremkolora linio sur la butonoj kaj la tona ludo de la ŝaktabulo. La komponantoj memorigas pri butikfasadaj bildoj de la 1990-aj jaroj: dikaj nigraj randoj, densaj 6-12-piksela limradiuso, kompakta 4-8-piksela remburaĵo, kaj 3D/AR-ŝaltiloj, kiuj aspektas kiel pikselaj ikonoj anstataŭ kromaj elementoj. La novaj paĝoj celas konservi la arkad-similan etoson: neniuj gradientoj krom oranĝkolora paĝrulanta teksto, neniuj molaj ombroj, neniu dekoracia tipografio - nur kremkolora papero, nigraj pikselaj linioj, kaj ununura varma oranĝa koloro.
Sur labortabla komputilo, la produkta paĝo montras plenlarĝan, centritan aranĝon kun maksimuma larĝo de 1200 rastrumeroj. La ritmo de supre malsupren estas: oranĝkolora rula teksto → kremkolora titolo kun nigra linio → dukolumna disigo (55% damtabulo sur la ĉefpaĝo / 45% dukolumna krado de produktaj kartoj) → kremkolora strio en la piedlinio. Sur poŝtelefonoj, la ĉefpaĝo kolapsas en plenlarĝan damtabulon, kaj la krado fariĝas unukolumna aranĝo. Kartoj estas egale distribuitaj en dukolumna krado kun grizaj pikselaj (#e5e7eb) dividiloj inter ili. La interspaco inter sekcioj estas minimuma (43–61 rastrumeroj), kaj la interfaco neniam uzas malhelajn striojn, kiuj etendiĝas tra la tuta larĝo de la paĝo — la kremkolora kanvaso estas montrata sen interrompo.
Foto de ĉapoj kontraŭ pura kremkolora fono, centrita kaj dense tondita, kun mola, karbonigra ombro sube. Neniu vivstilo, neniuj modeloj, neniu kunteksto — la ĉapo estas la stelulo. Ŝaktabula ŝablono malantaŭ la ĉefa elemento servas kiel la grafika surfaco. Neniuj ilustraĵoj, neniuj 3D-bildigoj krom la ŝaltilo por plivastigita realeco, neniuj ornamaj ikonoj krom la pikselita kruco en la emblemo.
Paletro
Marko
- Marquee Orange
#faa21f— Sciiga breto ĉe la supro de la ekrano, akcentaj elementoj, markigo. - Buy Green
#128e44— La butono "ALDONI AL ĈARO" estas plenigita - la sola aĉetago markita per verda koloro.
Neŭtrala
- Arcade Cream
#f3e5df— Paĝa fono, produktaj kartsurfacoj, butonenigaĵoj. - Ink Black
#000000— Ĉefa teksto, ŝaktabula aranĝo, ĉiuj uzantlimoj, kartkonturoj, ikonlimoj. - Pixel Gray
#e5e7eb— Maldikaj borderoj, kartdividiloj, strukturaj reguloj inter kradĉeloj. - Charcoal
#333333— Sekundara surfaca tono, ŝaktabulaj ombrokvadratoj, ombrokoloro - Carbon
#151515— Riĉaj neŭtralaj tonoj por plenigaj ilustraĵoj kaj la plej densaj ŝaktabulaj kaheloj. - Muted Gray
#737373— Malebligita/silentigita teksto sur butonoj kaj en la teksto
Tipografio
de 10 ĝis 18 rastrumeroj · 4 paŝoj
- Arcade — anstataŭaĵo: VT323 · konturoj 400, 700 · Unuopa tiparo estas uzata tra la tuta interfaco — ĉiuj titoloj, etikedoj, prezoj, butonoj, teksto kaj ikonoj estas en Arcade. La transiro de 400 al 700 estas la sola ilo por krei hierarkion; uzi duan tiparon ruinigus la kioskan iluzion.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 4-8px |
| Butona radiuso | 6px |
| Karto-radiuso | 12px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 43-61px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de FRANKY'S kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- 099 SUPPLY — Galerio-muro plena de nigraj kaj blankaj objektoj
- teenage engineering — Industria katalogo en studia lumigado - la produkto estas la sola signifa objekto sur la paĝo, kaj ĉio alia estas diskutita ĉirkaŭ ĝi
- Custo — Galerio kun metalkolora monolita tiparo. Ekspoziciejo en mallaŭtaj grizverdaj tonoj, kie ununura malhela objekto kaj 57-rastruma tiparo parolas por si mem.
- Walden — La silento de la arbara grundo - ĉiu produkto estas ŝtono, ĉiu pikselo estas musko kaj silento
- Fiverr — La fokuso de la cifereca bazaro estas vigla verda pulso kontraŭ malhelaj teatraj scenejoj. Ununura neonverda punkto servas kiel ankro por la emblemo; la resto estas monokroma, desegnita por reliefigi la allogon de la ofertitaj servoj.
- Peloton — Ruĝa lumturo sur nigra startleno. Ekspoziciejo por sportejaj eventoj, kie ununura hele ruĝa ŝildo de alvoko al ago tranĉas la vastan, malhelan ekspoziciejon kaj kondukas al puraj, blankaj produktejoj.
- HOUSEPLANT — librovendejo kun nuksoj sur linaĵa papero
- Adam Lippes — Monokroma redakcia studio sur kremkolora papero - Vogue-paĝo kie la sola ornamo estas la enpaĝiga krado, ne la kolorpaletro.
- Elektron — La ekipaĵa stirpanelo je noktomezo estas preskaŭ nigra kanvaso, kie produktaj fotoj brilas dum la interfaco restas preskaŭ nevidebla.
- Sigmaphoto — La Monokroma Galerio de Precizaj Instrumentoj estas trankvila blanka ĉambro, kie la sola koloro gravas, kiu vokas vin al agado.
- Channel Studio — Studio-fotolaboratorio kun unu korala lampŝirmilo
- Specht Studio — Galeria muro plena de diskreta scivolemo. La propra kroma finpoluro de la studio estas blanka surfaco kaj nigraj literoj; la vida artfajraĵo estas tute koncentrita en la kahelaraĵoj de la projekto.