Superhuman
redakční panel zlaté hodinky
Superhuman se nachází na rozhraní redakční fotografie a softwarového uživatelského rozhraní – teplé, pergamenovité plátno (nikdy ne čistě bílé) rámuje kaštanově hnědé prvky značky a zářivě fialové akcenty. Titulky, nastavené písmem 460, spíše šeptají, než řvou, což umožňuje celostránkové filmové fotografii vykonávat těžkou práci, zatímco průsvitné karty uživatelského rozhraní produktů se vznášejí jako sklo nad obrazem. Paleta zůstává po většinu času klidná a redakční: krémové povrchy, uhlově černý text, jemné teple šedé okraje a velkorysé mezery mezi prvky, přičemž barva je vyhrazena pro záměrnou interpunkci značky – jediná kaštanově hnědá výzva k akci, fialové odkazy, světle fialové tlačítko doplňku. Systém se záměrně vyhýbá silným stínům a přechodům na površích uživatelského rozhraní; Hloubky je dosaženo vrstvením fotografie a jemným rozmazáním pozadí v názvu, nikoli efektem překrývání.
Hlavním prvkem je fotografie na celou šířku s vycentrovaným nadpisem (48–64 px/460) a jedinou výzvou k akci vyplněnou obrázkem vína, s plovoucími průsvitnými kartami uživatelského rozhraní produktu překrývajícími levý a pravý okraj. Pod hlavním prvkem je bílý pruh s logem (6 buněk na řádek, maximální šířka omezena), poté sekce s záložkami a bílými plochami karet na pergamenovém plátně. Tmavě tyrkysový pruh narušuje rytmus asi ve dvou třetinách stránky – na celou šířku, dva sloupce (obrázek vlevo, text vpravo) – a vytváří tak jediný tónový kontrast při posouvání. Následuje přechodový atmosférický pruh. Vertikální rozteč mezi sekcemi je 64–96 px. Maximální šířka obsahu je ~1200 px vycentrovaná, přičemž hlavní prvek a tmavý pruh se rozprostírají po celé šířce zobrazovací oblasti. Navigace je tvořena jedinou pevnou hlavičkou s rozmazaným pozadím; žádný postranní panel, žádné mega menu. Patička je vínová stránka na celou šířku s vícesloupcovým rozložením odkazů. Celkový rytmus je: hlavní záběr → klidný bílý/krémový obsah → tmavý pruh s hlavním obrazem → atmosférický gradient → vínová patička, střídání světlých a tmavých pruhů pro vytvoření redakčního tempa.
Hlavním vizuálním prvkem je filmová fotografie: portrét v celé šířce proti otevřené obloze slouží jako ústřední bod, s druhým atmosférickým pruhem umístěným níže na stránce. Obrázek je v teplých tónech, jemně tlumený a pořízený z profilu, připomínající zlatou hodinu, což vytváří spíše redakční než korporátní atmosféru. Tmavý pruh s průsvitnými geometrickými obdélníky a ručně psanými nápisy je položen přes fotografii muže ztraceného v myšlenkách – koláž povrchů spíše než jeden obrázek. Uživatelské rozhraní je prezentováno jako plovoucí skleněné karty položené přímo na fotografii, nikoli jako samostatné snímky obrazovky. Nejsou zde žádné stock ilustrace, žádné 3D rendery ani žádné abstraktní dekorativní tvary, s výjimkou přechodového atmosférického pruhu. Ikony jsou minimalistické černobílé čárové ikony o šířce ~16-20 pixelů s jednou šířkou odpovídající tloušťce textu 460 bodů.
Paleta
Značka
- Midnight Wine
#421d24— Hlavní akční tlačítka, bannerová reklama a zápatí jsou v teplé, téměř černé vínové barvě, která působí spíše jako inkoust než červená a ukotvuje barevnou paletu, aniž by byla příliš výrazná. - Royal Violet
#714cb6— Fialová se používá k zvýraznění odkazů, tagů a krátkých frází. Neměla by se používat jako primární barva pro výzvy k akci.
Neutrální
- Lilac Mist
#d4c7ff— Výplň sekundárního povrchu, světlé ikony a pozadí tlačítek duchů mají tlumenou fialovou barvu, která naznačuje styl značky, aniž by na sebe přitahovala zbytečnou pozornost. - Deep Lagoon
#0c4243— Tmavé pozadí proužku, použité jako hlavní narativní prvek, je jediným tmavým povrchem v systému, v kombinaci s překrývajícím se geometrickým vzorem. - Warm Parchment
#f2f0eb— Pracovní plocha stránky je dominantním prvkem; teplá krémová barva nahrazuje bílou jako základ, což celému systému dodává redakční teplo. - Soft Mist
#e3e3e2— Jemné okraje, obrysy karet, dělicí čáry – teplá, světle šedá barva, která splývá s pergamenem, ale jasně definuje hrany. - Ink Charcoal
#292827— Text těla, nadpisy, obrysy ikon - teplá, téměř černá barva s dostatkem hnědé, aby se cítila jako inkoust na papíře, nikdy studená #000 - Stone Gray
#666666— Sekundární text, doplňující texty, diskrétní popisy – jedna středně šedá barva, použitá střídmě, aby nekonkurovala hlavnímu textu.
Typografie
od 12 do 64 pixelů · 8 kroků
- Super Sans VF — nahrazení: Inter (closest open equivalent for variable weight range) · obrysy 460, 500, 540, 600, 700 · Jediné písmo v celém systému. Proměnné osy pokrývají rozsah od 460 (typické, mírně oříznuté písmo pro všechny velké nadpisy) až po 540 (zvýrazněný text) a 700 (malé, tučné popisky). Speciálně navržená vizuální funkce (VF) způsobuje, že nadpisy s vahou 460 vypadají spíše promyšleně než nahodile – při tloušťce 48–64 pixelů s malým rozestupem písmen je „mírně oříznutý“ efekt vnímán spíše sebejistě než řídce.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8px |
| Poloměr tlačítka | 16px |
| Poloměr karty | 16px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64-96px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Superhuman 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
- AI for Business — Brutalistický redakční showroom v teplých šedých tónech
- Jeton — Úvodník o fintech technologiích na teplém mramoru
- Airtable — Útulný seminář s kapitolami označenými různými barvami
- Osmo — Muzeum developerů na šedém betonu
- Linktr — Redakční plakáty jsou naskládané jako bonbóny. Webové stránky jsou navrženy v barevných blocích, s jasně zelenými titulky na kobaltově modrých stěnách a bílými navigačními prvky ve tvaru pilulek, které se vznášejí nad vínově modrými poli.
- Outsource Consultants — Velkoformátový architektonický list na kostěném papíře. Monografická estetika, kde jediná jasná skvrna indigové barvy přerušuje jinak vřelý, typograficky maximalistický rastr.
- Streamtime — Hmatová kreativní nástěnka nálady - designový scrapbookový stůl
- Switch-Lit — Redakční mřížka vytištěná inkoustem na krémovém papíře
- HubSpot — Teplá krémová barva papíru s jediným oranžovým akcentem. HubSpot připomíná designový časopis vytištěný na těžkém papíře – patkové titulky, teplé krémové stránky a jeden ohnivě oranžový akcent zvýrazňující pouze ty nejdůležitější body.
- Granola — Poznámky z terénu na teplém pergamenu – Granola se čte jako opotřebovaný zápisník Moleskine otevřený na sluncem zalitém stole: patkové nadpisy dodávají kartám pocit solidnosti, organické zelené akcenty jako rostlinný inkoust a jemné linky na okrajích karet připomínají ručně psané poznámky.
- Secure — Konverzace v evropské kavárně za měkkého denního světla je vřelý a stylový pohled na videohovory, kde patkové titulky působí spíše jako zamyšlený článek v časopise než stránka technologického produktu.
- Mockups made easy — Redakční designové studio na bílém papíře