Caldera

Paleta

Robna marka

• Ember #fc5000 — Gumbi za primarne akcije, kartice statistike i ključni vizualni akcenti jedini su agresivni naglasak boje; njegova bogatost naspram toplih sivih tonova stvara osjećaj hitnosti bez potrebe za dodatnim dekorativnim elementima.
• Plasma Violet #524ae9 — Glavna baza polutonskog gradijenta, jedna dodatna površina kartice - Koristi se gotovo isključivo u glavnom točkastom uzorku i na jednoj namjenskoj kartici; nikada se ne koristi za kontrole.

Neutralno

• Sulfur #f5f28e — Pozadina za ikone oznaka i kategorija, male istaknute dijelove, je nježno žute boje koja se koristi za označavanje kategorija objava na blogu i najava programa.
• Limestone #f7f6f2 — Površine kartica, pozadine blokova sadržaja i dodatne ispune gumba su svjetlije, toplije nijanse bijele koja elemente ističe na platnu stranice.
• Pumice #e2e2df — Glavna pozadina stranice je topla srednje siva koja služi kao temelj za svaki odjeljak; nešto je tamnija od površine kartona, što omogućuje suptilno odvajanje figure i pozadine bez sjena.
• Obsidian #070607 — Glavni tekst, naslovi, tekst poveznica i okviri gumba gotovo su crni s jedva primjetnom toplom nijansom koja odgovara toplim bojama platna.
• Chalk #ffffff — Tekst u tamnim dijelovima, unos teksta na tamnim pozadinama, slojevi visokog kontrasta - Čisto bijela se koristi samo tamo gdje je potreban maksimalan kontrast s tamnim površinama.

Tipografija

od 12 do 189px · 10 koraka

• PP Neue Corp Compact — zamjena: Bebas Neue · obrisi 400 (Ultrabold cut) · Svi naslovi i tekst za prikaz. Prilagođeno dizajniran, sažet, ultra-podebljan font daje naslovima industrijsku težinu nalik na znak. Veličina glavnog bloka od 189px odražava prepoznatljiv stil brenda: sažet, gotovo strukturni, a ne tipografski. Postavke "ss06" i "ss10" aktiviraju alternativne oblike slova i razmake za agresivniji, sažeti ritam. Pozitivan razmak između slova (+0,02em) neuobičajen je za veličine prikaza i sprječava osjećaj skučenog teksta pri 80–189px.
• DM Sans — zamjena: Inter · obrisi 500 (Medium only — never Regular or Bold) · Glavni tekst, navigacijske poveznice, oznake gumba i sekundarni naslovi su veličine do 30px. Srednja debljina fonta je odabrana namjerno - Regular bi izgledao pretanko u odnosu na extra-bold font naslova, a Bold bi mu konkurirao. DM Sans stvara humanistički, blago geometrijski kontrapunkt industrijskom fontu naslova.
• System sans-serif — zamjena: Inter · obrisi 400 · Natpisi, metatekst, datumi, mikrooznake. Koristi se samo u 12px, gdje su težina i prepoznatljivost brenda manje važni od uštede na veličini.

Intervali i forma

Slični stilovi

• teenage engineering — Industrijski katalog studijske rasvjete - proizvod je jedini značajan objekt na stranici, a sve ostalo se raspravlja oko njega
• basement — Prazna tiskarska preša u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narančastog svjetla na navigacijskoj traci, sve ostalo bijelo ili sablasno sivo.
• amra — Prelijevajuća sfera na bijeloj pozadini - lavandin naglasak je jedini puls boje na gotovo savršeno akromatskoj stranici, a jedna gradijentna sfera obavlja posao koji obično obavlja glavna ilustracija.
• Stink Studios — Filmski studio u ponoć - projektor zuji, soba je mračna, osvijetljen je samo film
• Andrei Rybin — Monokromatska skicirka je dizajnerska bilježnica u kojoj su ekrani telefona pričvršćeni na bijeli zid poput kontaktnih listova.
• Uniswap Cup — E-sportsko natjecanje emitira se na maketi stranice, s ružičastim markerom koji ocrtava mrežu bijelih kvadrata i tankih linija.
• Freytag Anderson — Zavjesa kina se podiže na jednu jedinu riječ. Ogromna pokretna slika zauzima cijelo platno, naziv robne marke nalazi se u kutu poput odjavne špice i ništa drugo ne odvlači pažnju.
• Integrated Biosciences — laboratorij za bioluminiscenciju u ponoć
• Vercel — Terminal ispisan na bijelom papiru
• Mintlify — Vrt oblaka iznad staklenog stola. Ručno crtano nebo i dokumentarac su uokvireni zajedno - jedino mjesto gdje se boja i koncept sudaraju prije nego što stranica izblijedi u monašku bjelinu.
• Gleap — Radni prostor uređen u toplim krem tonovima s grafitnim akcentima - studio u kojem mat crne točkice tinte kao da lebde iznad lanenog platna
• ClickUp — Moćna nadzorna ploča na bijelom mramoru. Stranica je brošura proizvoda za alat za produktivnost, pa je vizualni jezik posuđen iz samog proizvoda: gusti popisi, indikatori statusa, grupe avatara i podebljane tipografske izjave koje izgledaju kao specifikacija proizvoda izložena.