Electronic Materials Office

Палитра

Бренд

• Ember Orange #f45500 — Основная кнопка действия с заливкой — единственная хроматическая поверхность в пользовательском интерфейсе, всегда сопровождаемая оранжевым ореолом 30px, благодаря чему она светится, как нить накаливания; внешнее свечение 30px на основной кнопке вызова — дублирует шестиугольный символ Ember Orange, но существует в виде тени, а не заливки, поэтому кнопка кажется подсвеченной изнутри.

Нейтральные

• Studio Charcoal #202020 — Поверхности холста и картона — пол темной галереи, никогда не бывает совершенно черным, чтобы взгляд мог остановиться на мягкости краев.
• Bone White #ffffff — Основной текст, тонкие рамки на изображениях и редкая инвертированная поверхность. Вся иерархия шрифтов сохраняется самостоятельно.
• Ash Gray #9d9d9d — Приглушенный текст, едва заметные рамки карточек, неактивные подписи — единственный средне-серый оттенок в цветовой гамме, используемый, когда белый слишком кричащий.
• Mid Felt #eaeaea — Легкая поверхностная размывка для инвертированных панелей или модальных сеток — оттенок белого, находящийся между бежевым и темным холстом.
• Carbon #000000 — Наиболее выразительный акцент для штрихов иконок и контрастных рамок там, где угольно-черный холст слишком светлый, чтобы хорошо держать форму.
• Lavender Link #9e9eff — Цвет встроенной ссылки и контур дополнительной рамки действия — приглушенный холодный контраст теплому оранжевому цвету, обеспечивающий читаемость действий на фоне угольного цвета.

Типографика

от 16 до 86px · 8 ступеней

• GT-Flexa — замена: Inter (200/400) or Manrope (200/400) · начертания 200, 400 · Основной шрифт для заголовков и декоративных элементов. Начертание 200 позволяет использовать каждый заголовок выше 24px — это фирменный стиль: на 68px и 86px буквы словно растворяются в атмосфере, а не кричат. Начертание 400 подходит для подзаголовков и подписей к карточкам, где едва слышно. Межстрочный интервал уменьшается до 1,0 при самых больших размерах, поэтому декоративный шрифт располагается друг над другом, как столб воздуха.
• Tobias-light — замена: Söhne Buch or Inter Tight · начертания 400 · Вторичный стиль оформления для заголовков разделов и логотипа в нижнем колонтитуле. Используется на ступень ниже GT-Flexa 200 для создания тонального контраста — Tobias звучит более архитектурно, более выразительно, в то время как GT-Flexa — более атмосферно. Отрицательное межбуквенное расстояние сужает широкие пропорции варианта Tobias Light.
• Times — замена: Source Serif 4 or PT Serif · начертания 400 · Основной текст и абзацы заголовка — намеренный контрапункт с засечками к геометрическим декоративным шрифтам. Засечки добавляют теплоты и редакционной солидности описаниям товаров, не превышая при этом размер основного текста.

Интервалы и форма

Похожие стили

• OFFFICE : — галерея нуар, поглощенная монолитным шрифтом
• Bibliothèque — Галерея в форме черного куба под светом прожектора — одинокая подсвеченная пластина в огромном темном зале
• 21 TSI — Багровая пустота, единственный силуэт — редакционная статья в стиле высокой моды, где пользовательский интер…
• Structured — Галерея эпохи Возрождения на бумаге, напоминающей пластилин
• CHAIBOY — Черная стена галереи с одной подсвеченной фотографией
• Holiday 100 — Галерея подарков в полночь — заголовок с засечками служит прожектором, темный холст — бархатной стеной, а ка…
• Apple (España) — Музейная галерея в мягком дневном свете — это единое, захватывающее, невесомое белое помещение, где каждый э…
• Analogue — Черная галерейная витрина — товары парят в пустоте
• Apple (España) — Витрина обсидиановой галереи — темный выставочный зал, где единственный титановый объект светится на фоне аб…
• Studio Oker — Затемненная галерея с алыми акцентами — комната с портфолио, отделанная черными стенами, где белые буквы сло…
• 099 SUPPLY — Стена галереи, заполненная черно-белыми объектами
• Retool — Теплая обсидиановая мастерская — поверхность для прецизионных инструментов, освещенная тлеющими углями, где …