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 — Ефективна панель управління на білий мармур. Сторінка являє собою брошуру продукту — інструмента підвищення продуктивності, тому візуальна мова запозичена із самого продукту: щільні списки, індикатори статусу, групи аватарів та сміливі типографічні заяви, які виглядають як технічна специфікація продукту у виставковому масштабі