Токены цвета, типографика, компоненты и запреты. Это то, что я отдаю подрядчику вместо объяснений на словах — и то, что делаю для бренда девелопера в первые 90 дней.
Навы — основа и хром интерфейса. Изумруд — только деньги, рост и результат. Золото живёт исключительно внутри знака.
Два шрифта закрывают всё: заголовки, текст и служебные подписи.
Заголовки, лиды, абзацы, кнопки. Плавный размер через clamp: один стиль от телефона до большого экрана.
Надзаголовки, метки разделов, цифры в таблицах. Всегда заглавными, с разрядкой 0,12–0,16 em.
Из этих деталей собирается любая страница — сайт, лендинг, витрина, коммерческое предложение.
Крупный заголовок с градиентным словом, лид до 62 знаков в строке и полоса из трёх-четырёх цифр.
Радиус 20 px, тонкая рамка, подъём на 4 px при наведении, изумрудная рамка на фокусе.
Пять шагов в ряд: метка моноширинным, суть одним предложением. На телефоне — в колонку.
Плитки 4:3 с подписью и типом носителя: показывает бренд в жизни, а не в вакууме.
Факт → выгода → где живёт в бренде. Заголовки моноширинным, тонкие разделители.
Основная — изумрудный градиент, вторая — контур. Радиус полный, подъём 2 px.
Фирменный градиент допускается на одном слове заголовка или тонкой линии. Не на фоне блока и не на кнопке целиком.
Зелёный означает результат, рост, цифру выгоды. Декоративно не используется никогда.
Золотой и бежевый — только внутри знака «AI». В макетах коричневого минимум.