Caldera

Paleta

Značka

• Ember #fc5000 — Tlačidlá hlavných akcií, karty so štatistikami a kľúčové vizuálne akcenty sú jediným agresívnym farebným akcentom; ich sýtosť na pozadí teplých sivých tónov vytvára pocit naliehavosti bez potreby ďalších dekoratívnych prvkov.
• Plasma Violet #524ae9 — Hlavný základný poltónový prechod, jeden ďalší povrch karty – Používa sa takmer výlučne v hlavnom bodovom vzore a na jednej vyhradenej karte; nikdy sa nepoužíva pre ovládacie prvky.

Neutrálny

• Sulfur #f5f28e — Pozadie ikon značiek a kategórií, malé zvýraznenia, je jemne žlté, ktoré sa používa na označenie kategórií blogových príspevkov a oznámení programov.
• Limestone #f7f6f2 — Povrchy kariet, pozadia blokov obsahu a výplne ďalších tlačidiel sú v svetlejšom, teplejšom odtieni bielej, vďaka čomu prvky vyniknú na plátne stránky.
• Pumice #e2e2df — Hlavné pozadie stránky je teplá stredne sivá, ktorá slúži ako základ pre každú sekciu; je o niečo tmavšia ako povrch kartónu, čo umožňuje jemné oddelenie postavy a pozadia bez tieňov.
• Obsidian #070607 — Hlavný text, nadpisy, text odkazov a rámčeky tlačidiel sú takmer čierne s sotva viditeľným teplým odtieňom, ktorý ladí s teplými farbami plátna.
• Chalk #ffffff — Text v tmavých oblastiach, vstupný text na tmavom pozadí, prekrytia s vysokým kontrastom - Čistá biela sa používa iba tam, kde je potrebný maximálny kontrast s tmavými povrchmi.

Typografia

od 12 do 189px · 10 krokov

• PP Neue Corp Compact — náhrada: Bebas Neue · obrysy 400 (Ultrabold cut) · Všetky nadpisy a zobrazovaný text. Vlastné, zhustené, ultra tučné písmo dodáva nadpisom industriálny, nápisový vzhľad. Veľkosť 189 px v hlavnom bloku odráža charakteristický štýl značky: zhustený, takmer štrukturálny než typografický. Nastavenia „ss06“ a „ss10“ aktivujú alternatívne tvary písmen a rozstupy pre agresívnejší, zhustený rytmus. Kladné rozstupy písmen (+0,02 em) sú pre veľkosti displeja nezvyčajné a pri veľkostiach 80 – 189 px zabraňujú pocitu stiesneného textu.
• DM Sans — náhrada: Inter · obrysy 500 (Medium only — never Regular or Bold) · Hlavný text, navigačné odkazy, popisky tlačidiel a sekundárne nadpisy majú maximálne 30 pixelov. Stredná hrúbka písma bola zvolená zámerne – bežné písmo by v porovnaní s extra tučným písmom nadpisov vyzeralo príliš tenké a tučné písmo by mu konkurovalo. DM Sans vytvára humanistický, mierne geometrický kontrapunkt k priemyselnému písmu nadpisov.
• System sans-serif — náhrada: Inter · obrysy 400 · Popisky, metatext, dátumy, mikrotagy. Používa sa iba v 12px, kde sú hmotnosť a rozpoznateľnosť značky menej dôležité ako úspora na veľkosti.

Intervaly a forma

Podobné štýly

• teenage engineering — Priemyselný katalóg v štúdiovom osvetlení - produkt je jediným významným objektom na stránke a všetko ostatné sa rozoberá okolo neho
• basement — Prázdny tlačiarenský stroj o 3:00 ráno – obrovské, stlačené písma rozprestierajúce sa v úplnej tme, jediný záblesk oranžového svetla na navigačnom paneli, všetko ostatné biele alebo strašidelne sivé.
• amra — Dúhová guľa na bielom pozadí – levanduľový akcent je jediným farebným pulzom na takmer dokonale achromatickej stránke a jediná gradientová guľa vykonáva prácu, ktorú zvyčajne robí hlavná ilustrácia.
• Stink Studios — Filmové štúdio o polnoci - projektor hučí, miestnosť je tmavá, svieti iba film
• Andrei Rybin — Monochromatický skicár je dizajnérsky zápisník, v ktorom sú obrazovky telefónov pripevnené k bielej stene ako kontaktné listy.
• Uniswap Cup — Súťaž e-športov sa vysiela na makete stránky s ružovou fixkou ohraničenou mriežkou bielych štvorcov a tenkých čiar.
• Freytag Anderson — Opona kina sa zdvihne pri jedinom slove. Obrovský pohyblivý obraz zaberá celé plátno, názov značky je v rohu ako titulka a nič iné nerozptyľuje.
• Integrated Biosciences — bioluminiscenčné laboratórium o polnoci
• Vercel — Terminál vytlačený na bielom papieri
• Mintlify — Oblačná záhrada nad skleneným stolom. Ručne kreslená obloha a dokumentárny film sú zarámované spoločne – jediné miesto, kde sa farba a koncept stretávajú skôr, ako stránka vybledne do kláštornej bielej.
• Gleap — Pracovný priestor zariadený v teplých krémových tónoch s grafitovými akcentmi – štúdio, kde sa matné čierne atramentové bodky zdajú byť vznášajúce sa nad ľanovou architektúrou.
• ClickUp — Výkonný dashboard na bielom mramore. Stránka je produktovou brožúrou pre nástroj produktivity, takže vizuálny jazyk je prevzatý zo samotného produktu: husté zoznamy, indikátory stavu, skupiny avatarov a tučné typografické vyhlásenia, ktoré vyzerajú ako vystavená špecifikácia produktu.