FRANKY'S
Retro herní stánek na pultu skateshopu
Frankyho vizuální jazyk je kombinací retro herny a skateboardového obchodu: teplé krémové plátno (#f3e5df) orámované pevnými pixelovými okraji, všudypřítomná černobílá šachovnice a jednopixelové písmo Arcade použité pro každé slovo na webových stránkách. Paleta je záměrně řídká – zůstávají pouze dvě chromatické barvy (signální oranžová #faa21f pro ceduli a sytě zelená #128e44 pro tlačítko koupit), přičemž celá hierarchie je vyjádřena zvýšením tloušťky písma Arcade ze 400 na 700 a použitím černé na krémovém pozadí. Povrchy zůstávají ploché a monolitické; hloubky je dosaženo pouze vloženou 1px krémovou linkou na tlačítkách a tonální hrou šachovnice. Komponenty připomínají sprity výloh z 90. let: silné černé okraje, úzké poloměry okrajů 6–12 pixelů, kompaktní odsazení 4–8 pixelů a 3D/AR přepínače, které vypadají spíše jako pixelované ikony než chromované prvky. Nové stránky mají zachovat atmosféru arkády: žádné přechody kromě oranžového rolujícího textu, žádné měkké stíny, žádná dekorativní typografie – pouze krémově zbarvený papír, černé pixelované čáry a jedna teplá oranžová barva.
Na počítači se stránka produktu zobrazuje v rozvržení na celou šířku, vycentrované s maximální šířkou 1200 pixelů. Rytmus shora dolů je: oranžový rolující text → krémová hlavička s černou čarou → rozdělení na dva sloupce (55 % šachovnice na domovské stránce / 45 % dvousloupcová mřížka s kartami produktů) → krémový pruh v patičce. Na mobilních zařízeních se domovská stránka sbalí do šachovnice na celou šířku a mřížka se změní na jednosloupcové rozvržení. Karty jsou rovnoměrně rozloženy ve dvousloupcové mřížce se šedými pixelovými oddělovači (#e5e7eb) mezi nimi. Rozteč mezi sekcemi je minimální (43–61 pixelů) a rozhraní nikdy nepoužívá tmavé pruhy, které by se rozprostíraly po celé šířce stránky – krémové plátno se zobrazuje bez přerušení.
Fotografie čepic na čistém krémovém pozadí, vycentrovaná a ostře oříznutá, s jemným, uhlově černým stínem pod ní. Žádný životní styl, žádné modelky, žádný kontext – hvězdou je čepice. Šachovnicový vzor za hlavním prvkem slouží jako grafická plocha. Žádné ilustrace, žádné 3D rendery kromě přepínače rozšířené reality, žádné ozdobné ikony kromě pixelovaného kříže v logu.
Paleta
Značka
- Marquee Orange
#faa21f— Oznamovací lišta v horní části obrazovky, zvýrazňující prvky, branding. - Buy Green
#128e44— Tlačítko „PŘIDAT DO KOŠÍKU“ je vyplněno – jediná akce nákupu je označena zeleně.
Neutrální
- Arcade Cream
#f3e5df— Pozadí stránky, povrchy karet produktů, vložené tlačítka. - Ink Black
#000000— Hlavní text, šachovnicové rozvržení, veškeré ohraničení uživatelského rozhraní, obrysy karet, ohraničení ikon. - Pixel Gray
#e5e7eb— Tenké okraje, děliče karet, strukturální pravidla mezi buňkami mřížky. - Charcoal
#333333— Tón sekundárního povrchu, šachovnicové stínové čtverce, barva stínu - Carbon
#151515— Syté neutrální tóny pro výplňové ilustrace a nejhustší šachovnicové dlaždice. - Muted Gray
#737373— Zakázaný/ztlumený text na tlačítkách a v textu textu
Typografie
od 10 do 18 pixelů · 4 kroky
- Arcade — nahrazení: VT323 · obrysy 400, 700 · V celém rozhraní je použito jedno písmo – všechny nadpisy, popisky, ceny, tlačítka, text a ikony jsou v Arcade. Přechod ze 400 na 700 je jediným nástrojem pro vytvoření hierarchie; použití druhého písma by narušilo iluzi kiosku.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 4-8px |
| Poloměr tlačítka | 6px |
| Poloměr karty | 12px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 43-61px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu FRANKY'S a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- teenage engineering — Průmyslový katalog v oblasti studiového osvětlení - produkt je jediným významným objektem na stránce a vše ostatní se probírá kolem něj
- Custo — Galerie v barvě dělového kovu s monolitickým písmem. Showroom v tlumených šedozelených tónech, kde jediný tmavý objekt a písmo o velikosti 57px mluví samy za sebe.
- Walden — Ticho lesní půdy - každý produkt je kámen, každý pixel je mech a ticho
- Fiverr — Ústředním bodem digitálního bazaru je zářivý zelený puls na pozadí tmavých divadelních jevišť. Jediná neonově zelená tečka slouží jako kotva pro logo; zbytek je monochromatický a navržen tak, aby zdůraznil atraktivitu nabízených služeb.
- Peloton — Červený maják na černé ranveji. Fitness showroom, kde jediný jasně červený nápis CTA protíná rozlehlý, tmavý výstavní prostor a vede do čistých, bílých produktových místností.
- HOUSEPLANT — knihkupectví s ořechy na lněném papíře
- Adam Lippes — Monochromatické redakční studio na krémovém papíře – dvojstrana Vogue, kde jedinou dekorací je mřížka rozvržení, nikoli barevná paleta.
- Elektron — Ovládací panel zařízení o půlnoci je téměř černé plátno, kde září fotografie produktů, zatímco rozhraní zůstává prakticky neviditelné.
- Sigmaphoto — Monochromatická galerie přesných přístrojů je tichá bílá místnost, kde záleží pouze na barvě, která vás vyzývá k akci.
- Channel Studio — Studiová fotolaboratoř s jedním korálovým stínidlem
- Specht Studio — Galerijní stěna plná decentní zvědavosti. Chromovaná povrchová úprava studia je bílá a nápisy černé; vizuální ohňostroj je zcela soustředěn v obkladech projektu.