Caldera

Палета

Бренд

• Ember #fc5000 — Примарните копчиња за акција, картичките со статистика и клучните визуелни акценти се единствениот агресивен акцент во боја; неговото богатство наспроти топлите сиви тонови создава чувство на итност без потреба од дополнителни декоративни елементи.
• Plasma Violet #524ae9 — Главна основа со полутонен градиент, една дополнителна површина на картичката - Се користи речиси исклучиво во главниот дијаграм на точки и на една наменска картичка; никогаш не се користи за контроли.

Неутрално

• Sulfur #f5f28e — Позадината за иконите на ознаките и категориите, малите акценти, е мека жолта боја што се користи за означување на категориите на блог објавите и најавите за програмите.
• Limestone #f7f6f2 — Површините на картичките, позадините на блоковите со содржина и дополнителните пополнувања на копчињата се во посветла, потопла нијанса на бела боја што ги истакнува елементите во однос на платното на страницата.
• Pumice #e2e2df — Главната позадина на страницата е топла средно сива боја што служи како основа за секој дел; таа е малку потемна од површината на картонот, овозможувајќи суптилно раздвојување на фигурата и позадината без сенки.
• Obsidian #070607 — Главниот текст, насловите, текстот на линковите и рамките на копчињата се речиси црни со едвај забележлива топла нијанса што се совпаѓа со топлите бои на платното.
• Chalk #ffffff — Текст во темни делови, внесување текст на темни позадини, преклопувања со висок контраст - чиста бела боја се користи само таму каде што е потребен максимален контраст со темни површини.

Типографија

од 12 до 189px · 10 чекори

• PP Neue Corp Compact — замена: Bebas Neue · контури 400 (Ultrabold cut) · Сите наслови и текст на екранот. Прилагодено дизајниран, кондензиран, ултра задебелен фонт им дава на насловите индустриска, тежина слична на знак. Големината од 189 пиксели во главниот блок го одразува препознатливиот стил на брендот: кондензиран, речиси структурен, а не типографски. Поставките „ss06“ и „ss10“ активираат алтернативни форми на букви и растојание за поагресивен, кондензиран ритам. Позитивното растојание помеѓу буквите (+0,02em) е невообичаено за големини на екранот и спречува чувство на стеснет текст на 80–189 пиксели.
• DM Sans — замена: Inter · контури 500 (Medium only — never Regular or Bold) · Главниот текст, навигациските линкови, етикетите на копчињата и секундарните наслови се со големина до 30 пиксели. Средната тежина на фонтот е избрана намерно - Regular би изгледал премногу тенок во однос на фонтот за наслови со екстра задебелени букви, а Bold би се натпреварувал со него. DM Sans создава хуманистички, малку геометриски контрапункт на индустрискиот фонт за наслови.
• System sans-serif — замена: Inter · контури 400 · Титлови, метатекст, датуми, микроознаки. Се користи само во 12px, каде што тежината и препознатливоста на брендот се помалку важни од заштедата на големина.

Интервали и форма

Слични стилови

• teenage engineering — Индустриски каталог во студиско осветлување - производот е единствениот значаен објект на страницата, а сè друго се дискутира околу него
• basement — Празна печатарска машина во 3 часот наутро – огромни, компресирани фонтови што се распрснуваат низ целата темнина, еден единствен зрак портокалова светлина на лентата за навигација, сè друго е бело или призрачно сиво.
• amra — Иридесцентна сфера на бела позадина - акцентот во боја на лаванда е единствениот пулс на боја на речиси совршено ахроматска страница, а единечната градиентна сфера ја врши работата што обично ја извршува главната илустрација.
• Stink Studios — Филмско студио на полноќ - проекторот зуи, собата е темна, само филмот е осветлен
• Andrei Rybin — Монохроматски блок за скицирање е дизајнерски тетратка во која телефонските екрани се прикачени на бел ѕид како контактни чаршафи.
• Uniswap Cup — Емитувањето на натпреварот во еСпорт се одвива на макета - розов маркер прикажува мрежа од бели квадрати и тенки линии.
• Freytag Anderson — Кино-завесата се крева со еден единствен збор. Огромна подвижна слика го зафаќа целиот екран, името на брендот стои во аголот како наслов и ништо друго не го одвлекува вниманието.
• Integrated Biosciences — лабораторија за биолуминисценција на полноќ
• Vercel — Терминал отпечатен на бела хартија
• Mintlify — Градина од облаци над стаклена маса. Рачно нацртаното небо и документарецот се врамени заедно - единственото место каде што бојата и концептот се судираат пред страницата да избледи во монашко бело.
• Gleap — Работен простор декориран во топли крем тонови со графитни акценти - студио каде што мат црни точки од мастило како да лебдат над архитектурата од лен.
• ClickUp — Моќна контролна табла на бел мермер. Страницата е брошура за производ за алатка за продуктивност, па визуелниот јазик е позајмен од самиот производ: густи листи, индикатори за статус, групи аватари и смели типографски изјави што изгледаат како спецификација на производ на екранот.