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