Caldera

Paleta

Marca

• Ember #fc5000 — Os botóns de acción principais, as cartas de estatísticas e os detalles visuais clave son o único acento de cor agresivo; a súa riqueza contra os tons grises cálidos crea unha sensación de urxencia sen necesidade de elementos decorativos adicionais.
• Plasma Violet #524ae9 — Base principal de degradado de semitonos, unha superficie de tarxeta adicional: úsase case exclusivamente no patrón de puntos principal e nunha tarxeta dedicada; nunca se usa para controis.

Neutro

• Sulfur #f5f28e — O fondo das iconas de etiquetas e categorías, pequenos resaltados, é unha cor amarela suave que se usa para indicar as categorías das entradas do blog e os anuncios do programa.
• Limestone #f7f6f2 — As superficies das tarxetas, os fondos dos bloques de contido e os recheos adicionais dos botóns son dun ton branco máis claro e cálido que fai que os elementos destaquen contra o lenzo da páxina.
• Pumice #e2e2df — O fondo principal da páxina é un gris medio cálido que serve de base para cada sección; é lixeiramente máis escuro que a superficie da cartolina, o que permite unha separación sutil da figura e o fondo sen sombras.
• Obsidian #070607 — O texto principal, os títulos, o texto das ligazóns e os marcos dos botóns son case negros cun ton cálido apenas perceptible que combina coas cores cálidas do lenzo.
• Chalk #ffffff — Texto en seccións escuras, texto de entrada sobre fondos escuros, superposicións de alto contraste: o branco puro só se usa onde se require o máximo contraste con superficies escuras.

Tipografía

de 12 a 189 px · 10 pasos

• PP Neue Corp Compact — substitución: Bebas Neue · contornos 400 (Ultrabold cut) · Todos os títulos e o texto que se mostra. Unha fonte ultranegra, condensada e deseñada a medida dálle aos títulos un peso industrial, semellante ao dun letreiro. O tamaño de 189 px no bloque principal reflicte o estilo característico da marca: condensado, case estrutural en lugar de tipográfico. As configuracións "ss06" e "ss10" activan letras e espazados alternativos para un ritmo máis agresivo e condensado. O espazado positivo entre letras (+0,02 em) é pouco habitual para tamaños de pantalla e evita a sensación de texto axustado a 80–189 px.
• DM Sans — substitución: Inter · contornos 500 (Medium only — never Regular or Bold) · O texto principal, as ligazóns de navegación, as etiquetas dos botóns e os títulos secundarios teñen un tamaño máximo de 30 px. O grosor medio da fonte escolleuse deliberadamente: a Normal quedaría demasiado fina en comparación coa fonte de títulos extranegra, e a Negra competiría con ela. DM Sans crea un contrapunto humanístico e lixeiramente xeométrico á fonte de títulos industrial.
• System sans-serif — substitución: Inter · contornos 400 · Lendas, metatexto, datas, microetiquetas. Só se usa en 12 px, onde o peso e o recoñecemento da marca son menos importantes que aforrar en tamaño.

Intervalos e forma

Estilos semellantes

• teenage engineering — Catálogo industrial en iluminación de estudio: o produto é o único obxecto significativo da páxina e todo o demais se discute ao seu redor
• basement — Unha imprenta baleira ás 3 da mañá: fontes enormes e comprimidas estendéndose pola escuridade total, un único raio de luz laranxa na barra de navegación e todo o demais branco ou gris fantasmal.
• amra — Unha esfera iridescente sobre un fondo branco: o acento lavanda é o único pulso de cor nunha páxina case perfectamente acromática, e a única esfera degradada fai o traballo que adoita facer a ilustración principal.
• Stink Studios — Un estudio de cine á medianoite: o proxector zumba, a sala está escura, só a película está iluminada.
• Andrei Rybin — Un caderno de debuxos monocromático é un caderno de deseño no que as pantallas dos teléfonos están unidas a unha parede branca como follas de contacto.
• Uniswap Cup — A emisión da competición de eSports ten lugar nunha maqueta: un marcador rosa debuxa unha grella de cadrados brancos e liñas finas.
• Freytag Anderson — O pano do cine levántase cunha soa palabra. Unha enorme imaxe en movemento ocupa toda a pantalla, o nome da marca aséntase nun recuncho coma un título e nada máis distrae.
• Integrated Biosciences — laboratorio de bioluminescencia á medianoite
• Vercel — Terminal impreso en papel branco
• Mintlify — Un xardín de nubes sobre unha mesa de cristal. O ceo debuxado a man e o documental están enmarcados xuntos: o único lugar onde a cor e o concepto chocan antes de que a páxina se esvaeza nun branco monástico.
• Gleap — Un espazo de traballo decorado en tons crema cálidos con detalles en grafito: un estudo onde os puntos de tinta negra mate parecen flotar sobre a arquitectura de liño.
• ClickUp — Un potente panel de control sobre mármore branco. A páxina é un folleto de produto para unha ferramenta de produtividade, polo que a linguaxe visual está tomada prestada do propio produto: listas densas, indicadores de estado, grupos de avatares e declaracións tipográficas en negriña que semellan unha especificación de produto en pantalla.