Caldera

Палитра

Бренд

• Ember #fc5000 — Төп хәрәкәт төймәләре, статистика карточкалары һәм төп визуаль акцентлар - бердәнбер агрессив төс акценты; аның җылы соры төсләргә каршы байлыгы өстәмә декоратив элементлар кулланмыйча да ашыгычлык хисе тудыра.
• Plasma Violet #524ae9 — Төп ярты тонлы градиент нигезе, бер өстәмә карта өслеге - диярлек төп нокталар үрнәгендә һәм бер махсус картада кулланыла; беркайчан да контроль элементлар өчен кулланылмый.

Нейтраль

• Sulfur #f5f28e — Тег һәм категория иконкалары өчен фон, кечкенә яктырткычлар, блог язмалары категорияләрен һәм программа игъланнарын күрсәтү өчен кулланыла торган йомшак сары төс.
• Limestone #f7f6f2 — Карточка өслекләре, эчтәлек блогы фоннары һәм өстәмә төймә тутырулары ак төснең ачыграк һәм җылырак төсмере булып тора, бу элементларны бит холстына карата аерып тора.
• Pumice #e2e2df — Битнең төп фоны - җылы уртача соры, ул һәр өлеш өчен нигез булып хезмәт итә; ул картон өслегеннән бераз караңгырак, бу исә фигураны һәм фонны күләгәләрсез нечкә аерырга мөмкинлек бирә.
• Obsidian #070607 — Төп текст, башлыклар, сылтама тексты һәм төймә рамнары кара төстә диярлек, җылы төсмер киндернең җылы төсләренә туры килә, сизелерлек түгел.
• Chalk #ffffff — Караңгы өлешләрдә текст, караңгы фонда кертелгән текст, югары контрастлы катламнар - Саф ак төс караңгы өслекләр белән максималь контраст таләп ителгән урыннарда гына кулланыла.

Типография

12 дән 189 пиксельгә кадәр · 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 шрифты калын шрифтка каршы бик нечкә күренер иде, ә калын шрифт аның белән көндәшлек итәр иде. DM Sans индустриаль башлык шрифтына гуманистик, бераз геометрик контрапункт булдыра.
• System sans-serif — алыштыру: Inter · контурлар 400 · Язмалар, метатекст, даталар, микротеглар. 12 пиксель зурлыкта гына кулланыла, анда авырлык һәм брендны тану зурлыкны киметүдән мөһимрәк.

Интерваллар һәм форма

Охшаш стильләр

• teenage engineering — Студия яктыртуындагы сәнәгать каталогы - продукт биттәге бердәнбер мөһим объект, һәм башка бар нәрсә аның тирәсендә тикшерелә.
• basement — Иртәнге сәгать 3тә буш басмаханә – кап-кара төстә зур, кысылган шрифтлар таралган, навигация панелендә бер генә кызгылт сары яктылык чагылышы, калган барысы да ак яки соры төстә.
• amra — Ак фонда ярылып яткан сфера — лаванда төсендәге акцент - диярлек камил ахроматик биттә бердәнбер төс импульсы, һәм бердәнбер градиент сфера төп иллюстрация гадәттә башкарган эшне башкара.
• Stink Studios — Төн уртасында киностудия - проектор гөрли, бүлмә караңгы, бары тик пленка гына яктыртыла
• Andrei Rybin — Монохром эскиз дәфтәре - телефон экраннары ак стенага контакт битләре кебек беркетелгән дизайнер дәфтәре.
• Uniswap Cup — Киберспорт ярышлары трансляциясе макет сайтында бара - алсу маркер ак квадратлар һәм нечкә сызыклар челтәрен сызып күрсәтә.
• Freytag Anderson — Кинотеатр пәрдәсе бер генә сүздән күтәрелә. Зур хәрәкәтләнүче рәсем бөтен экранны биләп ала, бренд исеме почмакта исем кебек тора, һәм башка бернәрсә дә игътибарны читкә юнәлтми.
• Integrated Biosciences — төн уртасында биолюминесценция лабораториясе
• Vercel — Терминал ак кәгазьгә басылган
• Mintlify — Пыяла өстәл өстендәге болыт бакчасы. Кулдан ясалган күк йөзе һәм документаль фильм бергә урнаштырылган - бит монастырь ап-ак төскә кергәнче, төс һәм концепция бәрелешкән бердәнбер урын.
• Gleap — Графит төсмерләре белән бизәлгән җылы каймак төсмерләре белән бизәлгән эш урыны - җитен архитектурасы өстендә кара төстәге нокталар йөзеп йөргән кебек тоелган студия.
• ClickUp — Ак мәрмәрдә көчле панель. Бу бит - җитештерүчәнлек коралы өчен продукт брошюрасы, шуңа күрә визуаль тел продуктның үзеннән алынган: тыгыз исемлекләр, статус күрсәткечләре, аватарлар төркемнәре һәм дисплейдагы продукт спецификациясенә охшаган калын типографик белдерүләр.