Caldera

Paleta

Značka

• Ember #fc5000 — Primární akční tlačítka, karty statistik a klíčové vizuální akcenty jsou jediným agresivním barevným akcentem; jejich sytost na pozadí teplých šedých tónů vytváří pocit naléhavosti bez nutnosti dalších dekorativních prvků.
• Plasma Violet #524ae9 — Hlavní základna polotónového přechodu, jedna další plocha karty – Používá se téměř výhradně v hlavním bodovém vzoru a na jedné vyhrazené kartě; nikdy se nepoužívá pro ovládací prvky.

Neutrální

• Sulfur #f5f28e — Pozadí pro ikony štítků a kategorií, malá zvýraznění, je jemně žluté barvy, která se používá k označení kategorií blogových příspěvků a oznámení programů.
• Limestone #f7f6f2 — Povrchy karet, pozadí bloků obsahu a výplně dalších tlačítek jsou ve světlejším, teplejším odstínu bílé, díky kterému prvky vyniknou na plátně stránky.
• Pumice #e2e2df — Hlavní pozadí stránky je teplá středně šedá, která slouží jako základ pro každou sekci; je o něco tmavší než povrch kartonu, což umožňuje jemné oddělení postavy a pozadí bez stínů.
• Obsidian #070607 — Hlavní text, nadpisy, text odkazů a rámečky tlačítek jsou téměř černé s sotva znatelným teplým odstínem, který odpovídá teplým barvám plátna.
• Chalk #ffffff — Text v tmavých oblastech, vstupní text na tmavém pozadí, překryvy s vysokým kontrastem – čistě bílá se používá pouze tam, kde je vyžadován maximální kontrast s tmavými povrchy.

Typografie

od 12 do 189 pixelů · 10 kroků

• PP Neue Corp Compact — nahrazení: Bebas Neue · obrysy 400 (Ultrabold cut) · Všechny nadpisy a zobrazovaný text. Vlastní, zhuštěné, ultra tučné písmo dodává nadpisům industriální, reklamní gramatiku. Velikost 189 pixelů v hlavním bloku odráží charakteristický styl značky: zhuštěný, spíše strukturální než typografický. Nastavení „ss06“ a „ss10“ aktivují alternativní tvary písmen a mezery pro agresivnější, zhuštěnější rytmus. Kladné mezery písmen (+0,02 em) jsou pro velikosti displejů neobvyklé a zabraňují pocitu stísněného textu při rozlišení 80–189 pixelů.
• DM Sans — nahrazení: Inter · obrysy 500 (Medium only — never Regular or Bold) · Hlavní text, navigační odkazy, popisky tlačítek a sekundární nadpisy mají velikost až 30 pixelů. Střední tloušťka písma byla zvolena záměrně – běžné písmo by v porovnání s extra tučným písmem nadpisů vypadalo příliš tenké a tučné by s ním konkurovalo. DM Sans vytváří humanistický, lehce geometrický kontrapunkt k industriálnímu písmu nadpisů.
• System sans-serif — nahrazení: Inter · obrysy 400 · Popisky, metatext, data, mikrotagy. Používá se pouze v 12px, kde je váha a rozpoznání značky méně důležité než úspora na velikosti.

Intervaly a forma

Podobné styly

• 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
• basement — Prázdný tiskařský lis ve 3 hodiny ráno – obrovské, stlačené fonty rozprostírají se v černočerné tmě, jediný záblesk oranžového světla na navigační liště, všechno ostatní bílé nebo přízračně šedé.
• amra — Duhová koule na bílém pozadí – levandulový akcent je jediným barevným pulzem na téměř dokonale achromatické stránce a jediná gradientní koule dělá tu práci, kterou obvykle dělá hlavní ilustrace.
• Stink Studios — Filmové studio o půlnoci - projektor hučí, místnost je tmavá, osvětlený je jen film
• Andrei Rybin — Monochromatický skicář je designový zápisník, ve kterém jsou obrazovky telefonů připevněny k bílé zdi jako kontaktní archy.
• Uniswap Cup — Vysílání eSportovní soutěže probíhá na maketě - růžový fix vyznačuje mřížku bílých čtverců a tenkých čar.
• Freytag Anderson — Opona kina se zvedne při jediném slově. Obrovský pohyblivý obraz zabírá celé plátno, název značky je v rohu jako titulek a nic jiného neruší.
• Integrated Biosciences — bioluminiscenční laboratoř o půlnoci
• Vercel — Terminál vytištěný na bílém papíře
• Mintlify — Oblačná zahrada nad skleněným stolem. Ručně kreslená obloha a dokument jsou zarámovány dohromady – jediné místo, kde se barva a koncept střetávají, než se stránka rozplyne v klášterní bělosti.
• Gleap — Pracovní prostor zařízený v teplých krémových tónech s grafitovými akcenty – studio, kde se matné černé inkoustové tečky vznášejí nad lněnou architekturou.
• ClickUp — Výkonný dashboard na bílém mramoru. Stránka je produktovou brožurou pro nástroj pro produktivitu, takže vizuální jazyk je převzat ze samotného produktu: husté seznamy, indikátory stavu, skupiny avatarů a tučné typografické texty, které vypadají jako vystavená specifikace produktu.