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