Superlist
Noční pracovní prostor s korálovými uhlíky – tichý povrch aplikace s lilkem, kde jediná teplá oranžová jiskra signalizuje každou akci
Superlist používá jazyk produktivity v půlnočních fialových tónech: tmavě lilková, teplá korálová jako jediná primární barva a velké bezpatkové titulky, které zachycují celou atmosféru. Rozhraní evokuje pocit noční soustředěné práce – klidné, vrstvené a sebevědomé, s barvou použitou pouze jako funkční interpunkce u výzev k akci, aktivních stavů a klíčových bodů. Povrchy jsou vrstvené v jemných tmavých tónech s fialovým podtónem (#181824 → #26253b), přičemž se vyhýbá čisté černé, aby hloubka působila spíše teple než sterilně. Komponenty se vyznačují velkorysými zaoblenými tvary (karty 20px, tlačítka na pilulky), měkkými stíny a „dýchají“ pohodlnými mezerami 10–16px namísto těsných mřížek. Hlas titulku je vším: váha 600 bodů o tloušťce 70–88px s těsným roztečem písmen -0,02em zachází s textem spíše jako s typografickým než s UI – je to blíže redakčnímu textu než SaaS.
Tmavé sekce se rozprostírají po celé šířce stránky s vycentrovanými kontejnery obsahu o maximální šířce. Hlavní sekce je svisle vycentrovaná a obsahuje nadpis, podtext a výzvu k akci (CTA), následovanou velkým snímkem obrazovky produktu, který překrývá další sekci. Následující sekce se střídají mezi vycentrovanými textovými bloky a mřížkami karet. Sekce recenzí používá třísloupcovou mřížku s kartami recenzí a 16 mezerami. Navigace je tvořena jedním horním panelem s logem vlevo, odkazy uprostřed a přihlašovacími akcemi vpravo – žádný pevný postranní panel ani megamenu. Mezery mezi sekcemi jsou velkorysé (16 mezer), které vytvářejí spíše prostorný redakční rytmus než hustou mřížku produktů.
Vizuálnímu prostoru dominují snímky obrazovky produktu – velký rámeček se zaoblenými rohy, zobrazující skutečné rozhraní aplikace, vyplňuje hlavní a vedlejší části. Fotografie jsou minimální a slouží pouze jako avatary uživatelů nebo náhledy médií v aplikaci (například obrázek koncertu v pravém panelu makety produktu). Loga na liště důvěryhodnosti jsou ploché, tlumené bílé textové symboly. Nejsou zde žádné dekorativní ilustrace, žádná abstraktní grafika ani 3D rendery. Vizuální strategií je prezentovat produkt v měřítku, nechat typografii vykonávat emocionální práci a použít korálovou jako jedinou akcentní barvu.
Paleta
Značka
- Coral Ember
#ff4a36— Oranžová se používá jako sekundární akcent pro dekorativní detaily a pro zvýraznění méně častých signálů. Neměla by se používat jako primární barva pro výzvy k akci.
Neutrální
- Aubergine Canvas
#181824— Pozadí stránky, hlavní plátno, je v teplém, tmavém odstínu, který nahrazuje čistě černou, díky čemuž uživatelské rozhraní působí spíše vrstevnatě než plochě. - Elevated Plum
#26253b— Povrchy karet, vstupní pole, navigační kontejnery – o krok snazší než plátno k vytvoření hloubky bez viditelných hranic. - Pure White
#ffffff— Hlavní nadpisy, text tlačítek a obrysy ikon – maximální kontrast na tmavém plátně. - Fog Text
#696f81— Hlavní text, vedlejší nadpisy a tlumené okraje – kontrastní poměr 7:1 pro pohodlné čtení na lilkově zbarveném pozadí. - Ash Text
#8e8da0— Pro sekundární prvky uživatelského rozhraní, oddělovače a tlumené popisky je podporována neutrální barva. Neměla by se používat jako primární barva pro výzvy k akci. - Mist Highlight
#a3a3a7— Jemné okraje, oddělovače a neaktivní navigační prvky vytvářejí jemný neutrální tón, který stále vyniká na plátně.
Typografie
od 12 do 88 pixelů · 9 kroků
- sans-serif — nahrazení: Inter · obrysy 400 · bezpatkové - nalezené v extrahovaných datech, ale nepopsané umělou inteligencí.
- Haffer XH SemiBold — nahrazení: Inter Tight · obrysy 400, 600 · Primární písmo pro zobrazení a nadpisy. Používá se ve velikosti 70–88 pixelů pro hlavní nadpisy s roztečí písmen -0,02 em a tloušťkou 600. Úzká rozteč písmen a velká výška písmen dodávají nadpisům redakční váhu, díky čemuž tmavé rozhraní vypadá spíše jako obálka časopisu než dashboard. Nahraďte písmem Inter Tight nebo General Sans tučně.
- Jersey 10 — nahrazení: Anybody · obrysy 400 · Velké dekorativní písmo pro zvýraznění čísel a zvýraznění. Používá se střídmě u velmi velkých velikostí k vytvoření typografických akcentů. Lze nahradit písmem Anybody nebo Cabinet Grotesk.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 10-16px |
| Poloměr tlačítka | 100px |
| Poloměr karty | 20px |
| Stíny | měkké stíny |
| Mezi sekcemi | 80px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Superlist 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
- DNA — Půlnoční observatoř pohledem skrz částicovou čočku
- Abetterlou — Jiskry na sedlové kůži – teplé krémové písmo zářící na tmavě kávově černém pozadí s jantarově zlatými knoflíky, které působí jako rozžhavený kov vtlačený do stránky.
- Galileo-ft — Velitelská paluba pro hluboký vesmír s elektricky modrými signály
- Decide AI — Hvězdárna o půlnoci - bezchybný signál
- Redis Agency — Redakční dílna, otevřená i po pracovní době, je temné místo, kde se veškerá brandingová práce provádí pomocí patkových fontů a jediné červené ředkvičky.
- Spellbook — Půlnoční soudní síň osvětlená korálovým inkoustem – tmavý redakční povrch, kde jediným zvukem je teplý oranžový tah pera
- Linear — přesný přístroj pro půlnoc
- Origin Financial — Půlnoční galerie tiché opulentnosti. Tichá, téměř tmavá místnost, kde velké patkové fonty a několik osvětlených barevných panelů vytvářejí pocit, že finance jsou pečlivě kurátorovaným uměleckým dílem.
- Hyperstudio — Vzor je vyryt do obsidiánu. Text a jemné linky rámují bílý prostor čistě černé barvy s občasnými zlatými značkami kompasu označujícími cestu.
- Air — socha "Půlnoční obloha skrz sklo"
- Raycast — Půlnoční velitelské centrum, Coral Neon
- dope.security — Půlnoční terminál s fialovými majáky