Caldera

Paletă

Marca

• Ember #fc5000 — Butoanele de acțiune principale, cardurile cu statistici și accentele vizuale cheie sunt singurele accente de culoare agresive; bogăția lor pe fondul tonurilor calde de gri creează un sentiment de urgență fără a fi nevoie de elemente decorative suplimentare.
• Plasma Violet #524ae9 — Bază principală cu gradient de semitonuri, o suprafață suplimentară a cardului - Utilizată aproape exclusiv în modelul principal de puncte și pe un card dedicat; niciodată folosită pentru comenzi.

Neutru

• Sulfur #f5f28e — Fundalul pentru pictogramele de etichete și categorii, mici evidențieri, este o culoare galben pal folosită pentru a indica categoriile de postări pe blog și anunțurile programului.
• Limestone #f7f6f2 — Suprafețele cardurilor, fundalurile blocurilor de conținut și umpluturile suplimentare ale butoanelor au o nuanță de alb mai deschisă și mai caldă, care face ca elementele să iasă în evidență pe pânza paginii.
• Pumice #e2e2df — Fundalul principal al paginii este un gri mediu cald, care servește drept bază pentru fiecare secțiune; este puțin mai închis decât suprafața cartonului, permițând o separare subtilă între figură și fundal, fără umbre.
• Obsidian #070607 — Textul principal, titlurile, textul linkurilor și cadrele butoanelor sunt aproape negre, cu o nuanță caldă abia sesizabilă, care se potrivește cu culorile calde ale pânzei.
• Chalk #ffffff — Text în secțiuni întunecate, text introdus pe fundaluri întunecate, suprapuneri cu contrast ridicat - Albul pur se utilizează numai acolo unde este necesar un contrast maxim cu suprafețele întunecate.

Tipografie

de la 12 la 189px · 10 pași

• PP Neue Corp Compact — înlocuire: Bebas Neue · contururi 400 (Ultrabold cut) · Toate titlurile și textul afișat. Un font condensat, ultra-îngroșat, personalizat, conferă titlurilor o greutate industrială, asemănătoare semnelor. Dimensiunea de 189px din blocul principal reflectă stilul caracteristic al mărcii: condensat, aproape structural, mai degrabă decât tipografic. Setările „ss06” și „ss10” activează forme alternative de litere și spațiere pentru un ritm mai agresiv și mai condensat. Spațierea pozitivă între litere (+0,02em) este neobișnuită pentru dimensiunile afișate și previne senzația de text înghesuit la 80–189px.
• DM Sans — înlocuire: Inter · contururi 500 (Medium only — never Regular or Bold) · Textul principal, linkurile de navigare, etichetele butoanelor și titlurile secundare au o dimensiune de până la 30px. Grosimea fontului medie a fost aleasă în mod deliberat - Regular ar părea prea subțire în comparație cu fontul extra-bold pentru titluri, iar Bold ar concura cu acesta. DM Sans creează un contrapunct umanist, ușor geometric, față de fontul industrial pentru titluri.
• System sans-serif — înlocuire: Inter · contururi 400 · Legende, metatext, date, microetichete. Se utilizează doar în 12px, unde greutatea și recunoașterea mărcii sunt mai puțin importante decât economisirea dimensiunii.

Intervale și formă

Stiluri similare

• teenage engineering — Catalog industrial în iluminatul de studio - produsul este singurul obiect semnificativ de pe pagină, iar orice altceva este discutat în jurul lui
• basement — O tipografie goală la ora 3 dimineața – fonturi uriașe, comprimate, împrăștiate pe bezna totală, o singură licărire portocalie pe bara de navigare, totul în rest alb sau gri fantomatic.
• amra — O sferă iridescentă pe un fundal alb — accentul de lavandă este singurul puls de culoare de pe o pagină aproape perfect acromatică, iar sfera cu un singur gradient face treaba pe care o face de obicei ilustrația principală.
• Stink Studios — Un studio de film la miezul nopții - proiectorul zumzăie, camera este întunecată, doar filmul este luminat
• Andrei Rybin — Un caiet de schițe monocrom este un caiet de designer în care ecranele telefonului sunt atașate de un perete alb, ca niște foi de contact.
• Uniswap Cup — Transmisiunea competiției eSports are loc pe un site machetă - un marker roz conturează o grilă de pătrate albe și linii subțiri
• Freytag Anderson — Cortina cinematografului se ridică la un singur cuvânt. O imagine imensă în mișcare ocupă întregul ecran, numele mărcii stă într-un colț ca un generic și nimic altceva nu distrage atenția.
• Integrated Biosciences — laborator de bioluminescență la miezul nopții
• Vercel — Terminal imprimat pe hârtie albă
• Mintlify — O grădină de nori deasupra unei mese de sticlă. Cerul desenat manual și documentarul sunt încadrate împreună - singurul loc unde culoarea și conceptul se ciocnesc înainte ca pagina să se estompeze într-un alb monastic.
• Gleap — Un spațiu de lucru decorat în tonuri calde de crem cu accente de grafit - un studio în care punctele de cerneală neagră mată par să plutească deasupra arhitecturii din in.
• ClickUp — Un tablou de bord puternic pe marmură albă. Pagina este o broșură de produs pentru un instrument de productivitate, așa că limbajul vizual este împrumutat din produsul în sine: liste dense, indicatori de stare, grupuri de avatare și declarații tipografice îndrăznețe care arată ca o specificație de produs afișată.