Superlist
Nočný pracovný priestor s korálovými uhlíkmi – tichý povrch aplikácie v štýle baklažánu, kde jedna teplá oranžová iskra signalizuje každú akciu
Superlist používa jazyk produktivity v polnočných fialových tónoch: tmavá baklažánová, teplá koralová ako jediná primárna farba a veľké bezpätkové titulky, ktoré zachytávajú celú atmosféru. Rozhranie evokuje pocit nočnej sústredenej práce – tiché, vrstvené a sebavedomé, pričom farba sa používa iba ako funkčná interpunkcia pri výzvach na akciu, aktívnych stavoch a kľúčových bodoch. Povrchy sú vrstvené v jemných tmavých tónoch s fialovým podtónom (#181824 → #26253b), pričom sa vyhýba čistej čiernej, aby sa zabezpečilo, že hĺbka pôsobí skôr teplo ako sterilne. Komponenty sa vyznačujú veľkorysými zaoblenými tvarmi (karty 20px, tlačidlá na tabletky), jemnými tieňmi a „dýchajú“ cez pohodlné medzery 10-16px namiesto tesných mriežok. Hlas titulku je všetkým: váha 600 bodov pri 70-88px s tesným rozstupom písmen -0,02em považuje text skôr za typografický ako za používateľské rozhranie – je to bližšie k redakčnému textu ako k SaaS.
Tmavé sekcie sa rozprestierajú po celej šírke stránky s vycentrovanými kontajnermi obsahu s maximálnou šírkou. Hlavná sekcia je vertikálne vycentrovaná a obsahuje nadpis, podtext a výzvu na akciu (CTA), po ktorých nasleduje veľká snímka obrazovky produktu, ktorá prekrýva ďalšiu sekciu. Nasledujúce sekcie sa striedajú medzi vycentrovanými textovými blokmi a mriežkami kariet. Sekcia recenzií používa trojstĺpcovú mriežku s kartami recenzií a 16 priehlbinami. Navigácia pozostáva z jedného horného panela s logom vľavo, vycentrovanými odkazmi a prihlasovacími akciami vpravo – bez pevného bočného panela ani mega menu. Priehlbiny medzi sekciami sú veľkorysé (16 priehlbín), čím vytvárajú priestranný redakčný rytmus a nie hustú mriežku produktov.
Vizuálnemu priestoru dominujú snímky obrazovky produktu – veľký rám so zaoblenými rohmi, ktorý zobrazuje skutočné rozhranie aplikácie, vypĺňa hlavnú a vedľajšiu časť. Fotografie sú minimálne, používajú sa iba ako avatary používateľov alebo ukážky médií v aplikácii (napríklad obrázok koncertu v pravom paneli makety produktu). Logá na paneli dôveryhodnosti sú ploché, tlmené biele textové symboly. Nie sú tam žiadne dekoratívne ilustrácie, žiadna abstraktná grafika ani 3D rendery. Vizuálnou stratégiou je prezentovať produkt vo veľkom meradle, nechať typografiu robiť emocionálnu prácu a použiť koralovú ako jedinú akcentovú farbu.
Paleta
Značka
- Coral Ember
#ff4a36— Oranžová sa používa ako sekundárny akcent pre dekoratívne detaily a na zvýraznenie menej častých podnetov. Nemala by sa používať ako primárna farba pre výzvy na akciu.
Neutrálny
- Aubergine Canvas
#181824— Pozadie stránky, hlavné plátno, je teplý, tmavý odtieň, ktorý nahrádza čisto čiernu, vďaka čomu používateľské rozhranie pôsobí skôr vrstvovito než plocho. - Elevated Plum
#26253b— Povrchy kariet, vstupné polia, navigačné kontajnery – o krok jednoduchšie ako plátno na vytvorenie hĺbky bez viditeľných hraníc. - Pure White
#ffffff— Hlavné nadpisy, text tlačidiel a obrysy ikon – maximálny kontrast na tmavom plátne. - Fog Text
#696f81— Hlavný text, vedľajšie nadpisy a tlmené orámovanie majú kontrastný pomer 7:1 pre pohodlné čítanie na baklažánovom sfarbenom pozadí. - Ash Text
#8e8da0— Pre sekundárne prvky používateľského rozhrania, oddeľovače a tlmené popisky je podporovaná neutrálna farba. Nemala by sa používať ako primárna farba pre výzvy na akciu. - Mist Highlight
#a3a3a7— Jemné okraje, oddeľovače a neaktívne navigačné prvky vytvárajú jemný neutrálny tón, ktorý stále vyniká na plátne.
Typografia
od 12 do 88px · 9 krokov
- sans-serif — náhrada: Inter · obrysy 400 · bezpätkové – nájdené v extrahovaných dátach, ale umelá inteligencia ich nepopísala.
- Haffer XH SemiBold — náhrada: Inter Tight · obrysy 400, 600 · Primárne písmo pre zobrazenie a nadpisy. Používa sa vo veľkosti 70 – 88 pixelov pre hlavné nadpisy s rozstupom písmen -0,02 em a hrúbkou 600. Úzke rozstupy písmen a veľká výška písmen dodávajú nadpisom redakčnú váhu, vďaka čomu tmavé rozhranie vyzerá skôr ako obálka časopisu než dashboard. Nahraďte ho písmom Inter Tight alebo General Sans s tučným písmom.
- Jersey 10 — náhrada: Anybody · obrysy 400 · Veľké dekoratívne písmo pre zvýrazňovanie čísel a zvýraznení. Používa sa striedmo pri veľmi veľkých veľkostiach na vytvorenie typografických akcentov. Možno nahradiť písmom Anybody alebo Cabinet Grotesk.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 10-16px |
| Polomer tlačidla | 100px |
| Polomer karty | 20px |
| Tiene | mäkké tiene |
| Medzi sekciami | 80px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Superlist a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- DNA — Polnočné observatórium videné cez časticovú šošovku
- Abetterlou — Iskry na sedlovej koži – Teplé krémové písmo žiariace na tmavo kávovočiernom pozadí s jantárovo-zlatými gombíkmi, ktoré pôsobia ako horúci kov zatlačený do stránky.
- Galileo-ft — Veliteľská paluba hlbokého vesmíru s elektricky modrými signálmi
- Decide AI — Observatórium o polnoci - signál mäty
- Redis Agency — Redakčná dielňa, otvorená aj po otváracích hodinách, je úplne tmavé miesto, kde sa všetka práca na brandingu vykonáva pomocou pätkových fontov a jedinej červenej reďkovky.
- Spellbook — Polnočná súdna sieň osvetlená koralovým atramentom – tmavý redakčný povrch, kde jediným zvukom je teplý oranžový ťah pera
- Linear — polnočný presný prístroj
- Origin Financial — Polnočná galéria tichej opulentnosti. Tichá, takmer tmavá miestnosť, kde veľké pätkové písmo a niekoľko osvetlených farebných panelov vytvárajú pocit, že financie sú starostlivo kurátorsky spracovaným umeleckým dielom.
- Hyperstudio — Dizajn je vyrytý do obsidiánu. Text a jemné čiary rámujú biely priestor čisto čiernej farby s občasnými zlatými značkami kompasu označujúcimi cestu.
- Air — socha „Polnočná obloha cez sklo“
- Raycast — Polnočné veliteľské centrum, Coral Neon
- dope.security — Polnočný terminál s fialovými majákmi