FRANKY'S
Egy retró játékkioszk egy gördeszkabolt pultján
Franky vizuális nyelve a retró árkád és a gördeszkabolt kombinációja: egy meleg krémszínű vászon (#f3e5df), amelyet merev pixelszegélyek kereteznek, egy mindenütt jelenlévő fekete-fehér sakktábla, és egyetlen pixeles betűtípus, az Arcade, amelyet a weboldal minden szavához használnak. A paletta szándékosan szűkös – csak két kromatikus szín maradt (a jelzőnarancs #faa21f a felirathoz és a mélyzöld #128e44 a vásárlás gombhoz), a teljes hierarchiát az Arcade betűtípus súlyának 400-ról 700-ra növelésével és a fekete krémszínű háttér előtti használatával fejezik ki. A felületek laposak és monolitikusak maradnak; a mélységet csak a gombokra beillesztett 1 képpontos krémszínű vonal és a sakktábla tónusjátéka éri el. Az elemek az 1990-es évekbeli kirakat-sprite-okra emlékeztetnek: vastag fekete szegélyek, szűk 6-12 képpontos szegélysugarak, kompakt 4-8 képpontos kitöltés és 3D/AR kapcsolók, amelyek pixeles ikonoknak tűnnek, nem pedig króm elemeknek. Az új oldalak célja az árkádszerű hangulat fenntartása: nincsenek színátmenetek, csak egy narancssárga görgető szöveg, nincsenek lágy árnyékok, nincs dekoratív tipográfia – csak krémszínű papír, fekete pixeles vonalak és egyetlen meleg narancssárga szín.
Asztali gépen a termékoldal teljes szélességű, középre igazított elrendezést jelenít meg, maximális szélessége 1200 képpont. A felülről lefelé irányuló ritmus a következő: narancssárga görgető szöveg → krémszínű fejléc fekete vonallal → két hasábra osztás (55% sakktábla a kezdőlapon / 45% két hasábos rács a termékkártyáknál) → krémszínű csík a láblécben. Mobilon a kezdőlap teljes szélességű sakktáblává omlik össze, és a rács egy hasábos elrendezésűvé válik. A kártyák egyenletesen oszlanak el egy két hasábos rácsban, szürke Pixel (#e5e7eb) elválasztóval közöttük. A szakaszok közötti távolság minimális (43–61 képpont), és a felület soha nem használ sötét csíkokat, amelyek az oldal teljes szélességén átívelnek – a krémszínű vászon megszakítás nélkül jelenik meg.
Sapkák fényképe tiszta krémszínű háttér előtt, középre igazítva és szorosan kivágva, alatta lágy, szénfekete árnyékkal. Nincs életstílus, nincsenek modellek, nincs kontextus – a sapka a sztár. A fő elem mögötti sakktábla minta szolgál grafikai felületként. Nincsenek illusztrációk, nincsenek 3D-s renderelések, kivéve a kiterjesztett valóság kapcsolót, nincsenek dekoratív ikonok, kivéve a logóban lévő pixeles keresztet.
Paletta
Márka
- Marquee Orange
#faa21f— Értesítési sáv a képernyő tetején, hangsúlyos elemek, márkajelzés. - Buy Green
#128e44— A „KOSÁRBA RAKOZÁS” gomb kitöltve van – az egyetlen zölddel jelölt vásárlási művelet.
Semleges
- Arcade Cream
#f3e5df— Oldal háttere, termékkártya-felületek, gombbetétek. - Ink Black
#000000— Fő szöveg, sakktábla elrendezés, az összes felhasználói felület szegélye, kártya körvonalai, ikon szegélyek. - Pixel Gray
#e5e7eb— Vékony szegélyek, kártyaelválasztók, szerkezeti szabályok a rácscellák között. - Charcoal
#333333— Másodlagos felületi tónus, sakktábla árnyéknégyzetek, árnyékszín - Carbon
#151515— Gazdag semleges tónusok az illusztrációk és a legsűrűbb sakktábla mintázatú csempék kitöltéséhez. - Muted Gray
#737373— Letiltott/némított szöveg a gombokon és a szövegben
Tipográfia
10-től 18 képpontig · 4 lépésben
- Arcade — csere: VT323 · körvonalak 400, 700 · A teljes felületen egyetlen betűtípust használunk – minden címsor, felirat, ár, gomb, szövegtörzs és ikon Arcade-ban készült. A 400-ról 700-ra való átmenet az egyetlen eszköz a hierarchia létrehozására; egy második betűtípus használata tönkretenné a kioszk illúzióját.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 4-8px |
| Gomb sugara | 6px |
| Kártya sugara | 12px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 43-61px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia FRANKY'S stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
- teenage engineering — Stúdióvilágításban használt ipari katalógus - a termék az egyetlen jelentős objektum az oldalon, és minden mást körülötte tárgyalnak
- Custo — Egy fegyverszürke színű galéria monolitikus betűtípussal. Egy visszafogott szürkészöld tónusú bemutatóterem, ahol egyetlen sötét tárgy és az 57px-es betűtípus magáért beszél.
- Walden — Az erdő talajának csendje - minden termék kő, minden pixel moha és csend
- Fiverr — A digitális bazár fókuszpontja egy élénk zöld pulzálás a sötét színházi színpadok előtt. Egyetlen neonzöld pont szolgál a logó horgonyaként; a többi monokróm, a kínált szolgáltatások vonzerejét hivatott kiemelni.
- Peloton — Egy vörös jelzőfény egy koromfekete kifutón. Egy fitnesz bemutatóterem, ahol egyetlen élénkpiros CTA felirat vágja át a hatalmas, sötét kiállítóteret, és tiszta, fehér terméktermekbe vezet.
- HOUSEPLANT — egy könyvesbolt, vászonpapírra tépett diófélékkel
- Adam Lippes — Egyszínű szerkesztői stúdió krémszínű papíron – egy Vogue-féle képkeret, ahol az egyetlen dekoráció az elrendezési rács, nem a színpaletta.
- Elektron — Az éjféli kezelőpanel szinte fekete vászon, ahol a termékfotók ragyognak, miközben a kezelőfelület gyakorlatilag láthatatlan marad.
- Sigmaphoto — A Precíziós Műszerek Monokróm Galériája egy csendes fehér terem, ahol csak az számít, amelyik cselekvésre ösztönöz.
- Channel Studio — Egy stúdió fotólabor egyetlen korall lámpaernyővel
- Specht Studio — Diszkrét kíváncsisággal teli galériafal. A stúdió saját króm felülete fehér, fekete betűkkel; a vizuális tűzijáték teljes egészében a projekt csempéire koncentrálódik.