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 шрифти өтө калың шрифтке салыштырмалуу өтө жука көрүнөт, ал эми Bold шрифти аны менен атаандашат. 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 — Ак мрамордон жасалган күчтүү башкаруу панели. Бул баракча өндүрүмдүүлүк куралы үчүн продукт брошюрасы болуп саналат, ошондуктан визуалдык тил продуктунун өзүнөн алынган: тыгыз тизмелер, абал көрсөткүчтөрү, аватарлардын топтору жана дисплейдеги продукттун спецификациясына окшош калың типографиялык билдирүүлөр.