Caldera

Paletti

Merkki

• Ember #fc5000 — Ensisijaiset toimintopainikkeet, tilastokortit ja keskeiset visuaaliset yksityiskohdat ovat ainoat aggressiiviset väriaksentit; niiden täyteläisyys lämpimiä harmaan sävyjä vasten luo kiireellisyyden tunteen ilman lisäkoriste-elementtejä.
• Plasma Violet #524ae9 — Päärasterigradientin pohja, yksi lisäkorttipinta - Käytetään lähes yksinomaan pääpistekuviossa ja yhdellä erillisellä kortilla; ei koskaan käytetä ohjaimissa.

Neutraali

• Sulfur #f5f28e — Tunniste- ja luokkakuvakkeiden, pienten korostusten, tausta on pehmeän keltainen, jota käytetään blogikirjoitusten luokkien ja ohjelmailmoitusten osoittamiseen.
• Limestone #f7f6f2 — Korttien pinnat, sisältölohkojen taustat ja lisäpainikkeiden täytöt ovat vaaleampaa ja lämpimämpää valkoista, mikä saa elementit erottumaan sivupohjaa vasten.
• Pumice #e2e2df — Sivun pääasiallinen tausta on lämmin keskiharmaa, joka toimii kunkin osan pohjana; se on hieman tummempi kuin kartongin pinta, mikä mahdollistaa kuvan ja taustan hienovaraisen erottelun ilman varjoja.
• Obsidian #070607 — Pääteksti, otsikot, linkkitekstit ja painikekehykset ovat lähes mustia, ja niissä on tuskin havaittava lämmin sävy, joka sopii yhteen kankaan lämpimien värien kanssa.
• Chalk #ffffff — Teksti tummissa osioissa, syöttöteksti tummalla taustalla, suurikontrastiset peittokuvat – Puhtaan valkoista käytetään vain silloin, kun tarvitaan maksimaalista kontrastia tummien pintojen kanssa.

Typografia

12:sta 189 pikseliin · 10 askelta

• PP Neue Corp Compact — korvaava: Bebas Neue · ääriviivat 400 (Ultrabold cut) · Kaikki otsikot ja näyttöteksti. Räätälöity, tiivistetty ja erittäin lihavoitu fontti antaa otsikoille teollisen, kylttimäisen painon. Pääkentän 189 pikselin koko heijastaa brändin tunnusomaista tyyliä: tiivistettyä, lähes rakenteellista eikä typografista. Asetukset "ss06" ja "ss10" aktivoivat vaihtoehtoiset kirjainmuodot ja välistyksen aggressiivisemman ja tiivistetymmän rytmin aikaansaamiseksi. Positiivinen kirjainvälistys (+0,02em) on epätavallista näyttökokojen osalta ja estää ahtaan tekstin vaikutelman 80–189 pikselin koossa.
• DM Sans — korvaava: Inter · ääriviivat 500 (Medium only — never Regular or Bold) · Pääteksti, navigointilinkit, painikkeiden otsikot ja toissijaiset otsikot ovat enintään 30 pikselin kokoisia. Keskikokoinen fontti valittiin tarkoituksella – Normaali näyttäisi liian ohuelta extra-lihavoidun otsikkofontin rinnalla, ja Bold kilpailisi sen kanssa. DM Sans luo humanistisen, hieman geometrisen vastakohdan teolliselle otsikkofontille.
• System sans-serif — korvaava: Inter · ääriviivat 400 · Kuvatekstit, metateksti, päivämäärät, mikrotagit. Käytetään vain 12px:n koossa, jossa paino ja brändin tunnettuus ovat vähemmän tärkeitä kuin koon säästäminen.

Intervallit ja muoto

Samankaltaisia tyylejä

• teenage engineering — Teollisuuskuvasto studiovalaistuksessa - tuote on sivun ainoa merkittävä kohde, ja kaikkea muuta käsitellään sen ympärillä
• basement — Tyhjä painokone kello 3 aamuyöllä – valtavat, tiivistetyt fontit leviävät pikimustaan, yksi oranssi valon välähdys navigointipalkissa, kaikki muu valkoista tai aavemaisen harmaata.
• amra — Valkoisella taustalla hohtava pallo – laventelin sävyinen aksentti on ainoa väripulssi lähes täydellisesti akromaattisella sivulla, ja yksittäinen liukuvärjäytynyt pallo tekee saman työn kuin pääkuvitus yleensä.
• Stink Studios — Elokuvastudio keskiyöllä - projektori humisee, huone on pimeä, vain filmi palaa
• Andrei Rybin — Yksivärinen luonnoskirja on suunnittelijan muistikirja, jossa puhelimen näytöt on kiinnitetty valkoiseen seinään kuin kontaktiarkit.
• Uniswap Cup — eSports-kilpailun lähetys tapahtuu mallisivustolla - vaaleanpunainen merkki hahmottelee valkoisista neliöistä ja ohuista viivoista koostuvan ruudukon.
• Freytag Anderson — Elokuvateatterin esirippu nousee yhden sanan kohdalle. Valtava liikkuva kuva täyttää koko valkokankaan, tuotemerkin nimi on nurkassa kuin otsikko, eikä mikään muu häiritse.
• Integrated Biosciences — bioluminesenssilaboratorio keskiyöllä
• Vercel — Pääte painettu valkoiselle paperille
• Mintlify — Pilvipuutarha lasipöydän yläpuolella. Käsin piirretty taivas ja dokumenttielokuva on rajattu yhteen – ainoa paikka, jossa väri ja käsite törmäävät ennen kuin sivu haalistuu luostarinvalkoiseksi.
• Gleap — Lämpimin kermanvärisin ja grafiittiaksentein koristeltu työtila – studio, jossa mattamustat mustepisteet näyttävät leijuvan pellavaisen arkkitehtuurin yllä.
• ClickUp — Tehokas kojelauta valkoisella marmorilla. Sivu on tuottavuustyökalun tuote-esite, joten visuaalinen kieli on lainattu tuotteesta itsestään: tiheät luettelot, tilaindikaattorit, avatar-ryhmät ja lihavoidut typografiset lausunnot, jotka näyttävät näytöllä olevalta tuotespesifikaatiolta.