Caldera

Paleta

Brend

• Ember #fc5000 — Dugmad za primarne akcije, kartice sa statistikama i ključni vizualni akcenti jedini su agresivni akcenat 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 tač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 dodatna ispunjavanja dugmadi su u svjetlijoj, toplijoj nijansi bijele koja elemente ističe na platnu stranice.
• Pumice #e2e2df — Glavna pozadina stranice je topla, srednje siva boja koja služi kao osnova za svaki dio; nešto je tamnija od površine kartona, što omogućava suptilno odvajanje figure i pozadine bez sjena.
• Obsidian #070607 — Glavni tekst, naslovi, tekst linkova i okviri dugmadi su gotovo crni sa 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 prikazani tekst. Prilagođeno dizajniran, sažet, ultra-podebljan font daje naslovima industrijsku, nalik na znak težinu. Veličina glavnog bloka od 189px odražava prepoznatljiv stil brenda: sažet, gotovo strukturalni, a ne tipografski. Postavke "ss06" i "ss10" aktiviraju alternativne oblike slova i razmake za agresivniji, sažetiji ritam. Pozitivan razmak između slova (+0,02em) je neuobičajen za veličine prikaza i sprječava osjećaj skučenog teksta pri veličinama od 80 do 189px.
• DM Sans — zamjena: Inter · obrisi 500 (Medium only — never Regular or Bold) · Glavni tekst, navigacijske veze, oznake dugmadi i sekundarni naslovi su veličine do 30px. Srednja debljina fonta je odabrana namjerno - Regular bi izgledao previše tanko u odnosu na ekstra podebljani 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 štamparija u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narandžastog svjetla na navigacijskoj traci, sve ostalo bijelo ili sablasno sivo.
• amra — Prelijevajuća sfera na bijeloj pozadini - lavandin akcenat je jedini puls boje na gotovo savršeno ahromatskoj 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 — Monohromatski skicir je dizajnerska bilježnica u kojoj su ekrani telefona pričvršćeni na bijeli zid poput kontaktnih listova.
• Uniswap Cup — Prijenos eSports takmičenja odvija se na maketi - ružičasti marker ocrtava mrežu bijelih kvadrata i tankih linija.
• Freytag Anderson — Zavjesa u kinu se podiže na jednu jedinu riječ. Ogromna pokretna slika zauzima cijelo platno, naziv brenda nalazi se u uglu poput naslova i ništa drugo ne odvlači pažnju.
• Integrated Biosciences — laboratorija za bioluminiscenciju u ponoć
• Vercel — Terminal odštampan 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 tačkice tinte kao da lebde iznad lanenog platna.
• ClickUp — Moćna kontrolna ploča na bijelom mramoru. Stranica je brošura proizvoda za alat za produktivnost, tako da je vizualni jezik posuđen iz samog proizvoda: guste liste, indikatori statusa, grupe avatara i podebljane tipografske izjave koje izgledaju kao specifikacija proizvoda izložena.