Воздух
Большие поля и ясная иерархия. Пространство работает так же активно, как текст.
Персональная визуальная система · v1.0
Ясность,
у которой есть
характер.
Холодный свет, глубокий синий, хрупкое стекло и тактильная бумага — единый язык для сайтов, презентаций и социальных форматов.
01 фирменный образ
glass / air / idea
glass / air / idea
Контраст
Редакционная антиква встречается с точным гротеском, матовое — со стеклянным.
Один акцент
В каждой композиции один герой: сильный заголовок, цифра или объект.
01 · Цвет
Палитра холодного света
Светлая база занимает 70–80% макета. Глубокий синий задаёт смысловой вес, электрический голубой появляется только в деталях.
Нажмите на цвет, чтобы скопировать HEX
02 · Типографика
Голос: умный,
но живой
Cormorant Garamond отвечает за эмоцию и редакционный характер. Manrope — за ясность, навигацию и комфортное чтение на любом экране.
Display / Cormorant Garamond Regular
Смысл рождается
в тишине.
Text / Manrope Regular + Semibold
Чистая структура помогает идее звучать точнее.
Основной текст набирается короткими абзацами. Оптимальная длина строки — 55–70 знаков. В одном блоке используйте не больше трёх начертаний.
Аа Бб Вв Гг Дд Ее Ёё Жж Зз
0123456789 · — «»
0123456789 · — «»
120Hero
72H1
48H2
32H3
20Lead
16Body
12Label
03 · Материалы
Стекло, бумага
и синий свет
Эстетика строится на столкновении физического и цифрового: мягкая бумажная пластика, прозрачные оболочки, холодные градиенты и точные тонкие линии.
Прозрачность
Карточки с лёгким blur, тонкой белой кромкой и мягким свечением.
02 / paperТактильность
Бумажные формы добавляют теплоту и человеческое измерение.
03 / lightЖивая идея
Мягкий электрический голубой работает как редкий смысловой импульс.
04 · Компоненты
Базовые
элементы
У компонентов строгая геометрия: радиус 2–6 px, тонкая рамка, минимум теней. Акцент создаётся контрастом, а не декором.
Pull quote
«Форма не украшает смысл — она помогает ему стать видимым»
Metric70%
пространства остаётся светлым
Callout
Важно
Один экран — один визуальный акцент.
05 · Композиции
Одна система.
Три формата.
Сетка меняется, но пропорции, иерархия и визуальная температура остаются узнаваемыми.
NEW PERSPECTIVEIdeas that
Ideas that
move people.
Крупный тезис слева, образ справа, много воздуха.
03От идеи
От идеи
к системе
Крупная цифра, короткий заголовок, один объект.
THOUGHT / 01Не заполняй
Сохраняй пространство для главной мысли.
Не заполняй
тишину.
Сохраняй пространство для главной мысли.06 · Библиотека образов
Ваши личные
визуальные метафоры
Используйте крупный объект целиком или кадрируйте его как текстуру. Не ставьте более одного сложного 3D‑образа на один экран.
DOСохраняйте
Сохраняйте
тишину.
- Один сильный образ
- Короткие смысловые блоки
- Синий на светлом фоне
- Тонкие линии и ясная сетка
DON’TНе перегружайте
Не перегружайте
эффектами.
- Несколько 3D‑объектов рядом
- Яркие случайные цвета
- Тяжёлые тени и скругления
- Длинный курсивный текст
ÉLAN · design system v1.0