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) · Всички заглавия и текст за показване. Специално проектиран, кондензиран, ултра-удебелен шрифт придава на заглавията индустриална, подобна на табела тежест. Размерът от 189px в основния блок отразява отличителния стил на марката: кондензиран, почти структурен, а не типографски. Настройките „ss06“ и „ss10“ активират алтернативни форми на буквите и разстояние за по-агресивен, кондензиран ритъм. Положителното разстояние между буквите (+0.02em) е необичайно за размерите на дисплея и предотвратява усещането за тесен текст при 80–189px.
• DM Sans — замяна: Inter · очертания 500 (Medium only — never Regular or Bold) · Основният текст, навигационните връзки, етикетите на бутоните и вторичните заглавия са с размер до 30px. Средната дебелина на шрифта е избрана умишлено – 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 — Мощно табло за управление върху бял мрамор. Страницата е продуктова брошура за инструмент за продуктивност, така че визуалният език е заимстван от самия продукт: плътни списъци, индикатори за състояние, групи аватари и смели типографски твърдения, които изглеждат като продуктова спецификация на показ.