Caldera

Paleta

Marca

• Ember #fc5000 — Els botons d'acció principals, les targetes d'estadístiques i els accents visuals clau són l'únic accent de color agressiu; la seva riquesa contra els tons grisos càlids crea una sensació d'urgència sense necessitat d'elements decoratius addicionals.
• Plasma Violet #524ae9 — Base principal de degradat de semitons, una superfície de targeta addicional: s'utilitza gairebé exclusivament en el patró de punts principal i en una targeta dedicada; mai s'utilitza per a controls.

Neutral

• Sulfur #f5f28e — El fons de les icones d'etiquetes i categories, petits ressalts, és d'un color groc suau que s'utilitza per indicar les categories de les entrades del blog i els anuncis del programa.
• Limestone #f7f6f2 — Les superfícies de les targetes, els fons dels blocs de contingut i els farciments addicionals dels botons són d'un to blanc més clar i càlid que fa que els elements destaquin sobre el llenç de la pàgina.
• Pumice #e2e2df — El fons principal de la pàgina és un gris mitjà càlid que serveix de base per a cada secció; és lleugerament més fosc que la superfície del cartró, cosa que permet una separació subtil de la figura i el fons sense ombres.
• Obsidian #070607 — El text principal, els encapçalaments, el text dels enllaços i els marcs dels botons són gairebé negres amb un to càlid gairebé imperceptible que coincideix amb els colors càlids del llenç.
• Chalk #ffffff — Text en seccions fosques, text d'entrada sobre fons foscos, superposicions d'alt contrast: el blanc pur només s'utilitza quan es requereix el màxim contrast amb superfícies fosques.

Tipografia

de 12 a 189 px · 10 passos

• PP Neue Corp Compact — reemplaçament: Bebas Neue · esquemes 400 (Ultrabold cut) · Tots els encapçalaments i el text de visualització. Una font condensada, ultranegra i de disseny personalitzat dóna als encapçalaments un pes industrial, semblant a un rètol. La mida de 189 px al bloc principal reflecteix l'estil característic de la marca: condensat, gairebé estructural en lloc de tipogràfic. Els paràmetres "ss06" i "ss10" activen formes de lletra i espaiat alternatius per a un ritme més agressiu i condensat. L'espaiat positiu entre lletres (+0,02 em) és inusual per a les mides de visualització i evita la sensació de text atapeït a 80–189 px.
• DM Sans — reemplaçament: Inter · esquemes 500 (Medium only — never Regular or Bold) · El text principal, els enllaços de navegació, les etiquetes dels botons i els encapçalaments secundaris tenen una mida màxima de 30 px. El gruix mitjà de la lletra es va triar deliberadament: la normal quedaria massa fina en comparació amb la lletra d'encapçalament extra negreta, i la negreta competiria amb ella. DM Sans crea un contrapunt humanístic i lleugerament geomètric a la lletra d'encapçalament industrial.
• System sans-serif — reemplaçament: Inter · esquemes 400 · Subtítols, metatext, dates, microetiquetes. Només s'utilitza en 12px, on el pes i el reconeixement de marca són menys importants que estalviar en mida.

Intervals i forma

Estils similars

• teenage engineering — Catàleg industrial en il·luminació d'estudi: el producte és l'únic objecte significatiu de la pàgina i tot el demés es discuteix al seu voltant
• basement — Una impremta buida a les 3 de la matinada: fonts enormes i comprimides que s'escampen per la foscor total, un únic lluïssor de llum taronja a la barra de navegació, tota la resta blanca o d'un gris fantasmagòric.
• amra — Una esfera iridescent sobre un fons blanc: l'accent lavanda és l'únic pols de color en una pàgina gairebé perfectament acromàtica, i l'única esfera de gradient fa la feina que sol fer la il·lustració principal.
• Stink Studios — Un estudi de cinema a mitjanit: el projector brunzeix, l'habitació és fosca, només la pel·lícula està il·luminada
• Andrei Rybin — Un quadern de dibuix monocrom és un quadern de disseny en què les pantalles dels telèfons estan enganxades a una paret blanca com si fossin fulls de contacte.
• Uniswap Cup — La transmissió de la competició d'eSports té lloc en una maqueta: un marcador rosa delimita una quadrícula de quadrats blancs i línies primes.
• Freytag Anderson — El teló del cinema s'aixeca amb una sola paraula. Una imatge enorme en moviment ocupa tota la pantalla, el nom de la marca es troba a la cantonada com un crèdit, i res més distreu.
• Integrated Biosciences — laboratori de bioluminescència a mitjanit
• Vercel — Terminal imprès en paper blanc
• Mintlify — Un jardí de núvols sobre una taula de vidre. El cel dibuixat a mà i el documental s'emmarquen junts: l'únic lloc on el color i el concepte xoquen abans que la pàgina s'esvaeixi en un blanc monàstic.
• Gleap — Un espai de treball decorat amb tons crema càlids amb detalls de grafit: un estudi on els punts de tinta negra mat semblen surar per sobre de l'arquitectura de lli.
• ClickUp — Un potent quadre de comandament sobre marbre blanc. La pàgina és un fullet de producte per a una eina de productivitat, de manera que el llenguatge visual està manllevat del producte en si: llistes denses, indicadors d'estat, grups d'avatars i declaracions tipogràfiques en negreta que semblen una especificació de producte en pantalla.