/impeccable bolder
Bolder
Продвиньте безопасные дизайны к выразительности без скатывания в хаос.
Когда использовать
Обращайтесь к /impeccable bolder, когда интерфейс выглядит как любой другой интерфейс. Стандартный sans, medium weights, мягкие тени, скромный акцентный цвет, разумные интервалы, незабываемо. Дизайн не неправильный, он просто безопасный. Используйте bolder, когда проект может выдержать выразительность, а текущее состояние её не создаёт.
Не используйте на дашбордах, в которые люди смотрят часами. Смелость оправдана на маркетинговых страницах, hero-моментах и контентных фичах. Не в операторских инструментах.
Как это работает
Навык усиливает четыре оси без ущерба для юзабилити:
- Масштаб: заголовочный текст продвигается до clamp(3rem, 6vw, 6rem) и далее. Заголовки, которые заполняют viewport, а не скромничают.
- Контраст весов: light 300 против heavy 800 вместо medium против regular. Настоящее напряжение, а не пожимание плечами.
- Цветовая приверженность: акцентный цвет появляется на полной силе, а не разбавленный. Фоны могут занять позицию (ink, accent, cream) вместо всё-бумаги.
- Композиционная уверенность: асимметрия, выход за сетку, цитаты, висячая пунктуация, скачки масштаба. У макета есть голос.
Навык не добавляет больше. Он усиливает то, что уже есть. Если в дизайне три цвета, bolder не добавляет четвёртый — он сильнее привержен трём.
Попробуйте
/impeccable bolder the landing page hero
Ожидаемые изменения:
- Hero-заголовок с 3rem до clamp(3.5rem, 7vw, 6.5rem), display-шрифт, weight 700
- Подзаголовок с regular на italic на 1.5rem, сдвинут на 8px влево от заголовка для оптического выравнивания
- Фон переключается с бумаги на градиент cream-to-paper, создавая более тёплый контейнер
- CTA-кнопка заливается, тень удаляется, border-radius уменьшается, hover-состояние инвертирует цвета
- Поддерживающее изображение слегка выходит за сетку с отрицательным верхним margin, создавая асимметрию
Подводные камни
- Запуск на неподходящей странице. Продуктовые дашборды, настройки и формы не должны быть смелыми. Они должны быть разборчивыми. Используйте
/impeccable layoutили/impeccable polish. - Путаница смелого с громким. Смелый означает приверженный и уверенный. Громкий означает крикливый. Bolder — это первое. Если результат кажется агрессивным, следуйте
/impeccable quieter. - Комбинация с
/impeccable delightв одном проходе. Delight работает лучше на стабильной визуальной базе. Сначала bold, стабилизируйте, затем delight.