Caldera

Palet

Merk

• Ember #fc5000 — De belangrijkste actieknoppen, statistiekkaarten en visuele accenten zijn de enige elementen met een opvallend kleuraccent; de rijke kleur contrasteert met de warme grijstinten en creëert een gevoel van urgentie zonder dat extra decoratieve elementen nodig zijn.
• Plasma Violet #524ae9 — Hoofdraster met rasterpatroon, één extra kaartoppervlak - Wordt bijna uitsluitend gebruikt in het hoofdpuntenpatroon en op één aparte kaart; nooit gebruikt voor bedieningselementen.

Neutrale

• Sulfur #f5f28e — De achtergrond voor de tag- en categoriepictogrammen, kleine accenten, is een zachtgele kleur die wordt gebruikt om blogcategorieën en programma-aankondigingen aan te duiden.
• Limestone #f7f6f2 — De oppervlakken van de kaarten, de achtergronden van de contentblokken en de extra opvulling van de knoppen hebben een lichtere, warmere tint wit, waardoor de elementen beter afsteken tegen de achtergrond van de pagina.
• Pumice #e2e2df — De hoofdachtergrond van de pagina is een warm middengrijs dat als basis dient voor elk onderdeel; het is iets donkerder dan het oppervlak van het karton, waardoor een subtiele scheiding tussen figuur en achtergrond ontstaat zonder schaduwen.
• Obsidian #070607 — De hoofdtekst, kopjes, linktekst en knopkaders zijn bijna volledig zwart met een nauwelijks waarneembare warme tint die aansluit bij de warme kleuren van het canvas.
• Chalk #ffffff — Tekst in donkere gedeelten, invoertekst op donkere achtergronden, contrastrijke overlays - Zuiver wit wordt alleen gebruikt waar maximaal contrast met donkere oppervlakken vereist is.

Typografie

van 12 tot 189px · 10 stappen

• PP Neue Corp Compact — vervanging: Bebas Neue · overzichten 400 (Ultrabold cut) · Alle koppen en weergavetekst. Een speciaal ontworpen, compact en extra vet lettertype geeft de koppen een industriële, bordachtige uitstraling. De lettergrootte van 189px in het hoofdblok weerspiegelt de kenmerkende stijl van het merk: compact, bijna structureel in plaats van typografisch. De instellingen "ss06" en "ss10" activeren alternatieve lettervormen en spatiëring voor een agressiever, compacter ritme. Positieve letterafstand (+0,02em) is ongebruikelijk voor weergaveformaten en voorkomt dat tekst bij 80–189px te dicht op elkaar oogt.
• DM Sans — vervanging: Inter · overzichten 500 (Medium only — never Regular or Bold) · De hoofdtekst, navigatielinks, knoplabels en subkopjes hebben een maximale lettergrootte van 30px. Er is bewust gekozen voor een gemiddelde letterdikte: 'Normaal' zou te dun afsteken tegen het extra dikke lettertype van de koptekst, en 'Bol' zou ermee concurreren. DM Sans vormt een menselijk, licht geometrisch contrast met het industriële lettertype van de koptekst.
• System sans-serif — vervanging: Inter · overzichten 400 · Bijschriften, metatekst, datums, microtags. Alleen gebruikt in 12px, waar gewicht en merkherkenning minder belangrijk zijn dan ruimtebesparing.

Intervallen en vorm

Vergelijkbare stijlen

• teenage engineering — Industriële catalogus voor studioverlichting - het product is het enige belangrijke object op de pagina, en alles wat er verder over wordt gezegd, wordt eromheen besproken.
• basement — Een lege drukpers om 3 uur 's nachts – enorme, samengeperste lettertypen die zich uitspreiden over de pikzwarte achtergrond, een enkel oranje lichtpuntje op de navigatiebalk, al het andere wit of spookachtig grijs.
• amra — Een iriserende bol op een witte achtergrond – het lavendelkleurige accent is de enige kleuraccent op een bijna volledig kleurloze pagina, en de enkele bol met kleurverloop vervult de functie die normaal gesproken door de hoofdillustratie wordt gedaan.
• Stink Studios — Een filmstudio midden in de nacht - de projector zoemt, de ruimte is donker, alleen de film is verlicht.
• Andrei Rybin — Een monochroom schetsboek is een notitieboek voor ontwerpers waarin telefoonschermen als contactvellen op een witte muur zijn bevestigd.
• Uniswap Cup — De uitzending van de eSports-competitie vindt plaats op een nagebootste locatie - een roze stift omlijnt een raster van witte vierkanten en dunne lijnen.
• Freytag Anderson — Het doek gaat open bij één enkel woord. Een enorm bewegend beeld vult het hele scherm, de merknaam staat in de hoek als een titel, en verder leidt niets de aandacht af.
• Integrated Biosciences — Bioluminescentielaboratorium om middernacht
• Vercel — Terminal afgedrukt op wit papier
• Mintlify — Een wolkentuin boven een glazen tafel. De handgetekende lucht en de documentaire zijn samen ingekaderd – de enige plek waar kleur en concept botsen voordat de pagina vervaagt in ascetisch wit.
• Gleap — Een werkruimte ingericht in warme crèmekleuren met grafietaccenten – een studio waar matte zwarte inktstippen lijken te zweven boven de linnen architectuur.
• ClickUp — Een krachtig dashboard op wit marmer. De pagina is een productbrochure voor een productiviteitstool, dus de visuele stijl is ontleend aan het product zelf: dichte lijsten, statusindicatoren, groepen avatars en opvallende typografische elementen die eruitzien als een productspecificatie.