Bolder

Коли використовувати

Зверніться до /impeccable bolder, коли інтерфейс виглядає як кожен інший інтерфейс. Типовий sans, середні ваги, м’які тіні, скромний акцентний колір, розумні інтервали, незабутній. Дизайн не неправильний, він просто безпечний. Використовуйте bolder, коли проєкт може витримати присутність, а поточний стан її не приносить.

Не використовуйте на дашбордах, на які люди дивляться годинами. Дерзість заробляє своє місце на маркетингових сторінках, hero-моментах та контентних функціях. Не в інструментах операторів.

Як це працює

Навичка підсилює чотири осі без порушення зручності використання:

1. Масштаб: display-типографіка проштовхується до clamp(3rem, 6vw, 6rem) або вище. Заголовки, що заповнюють viewport, а не обережно його заповнюють.
2. Контраст ваги: легкий 300 проти важкого 800 замість середнього проти звичайного. Реальна напруга, а не знизання плечима.
3. Залучення кольору: акцентний колір з’являється на повній силі, не розбавлений. Фони можуть зайняти позицію (ink, accent, cream) замість суто паперових.
4. Композиційна впевненість: асиметрія, поза сіткою, витяжні цитати, висяча пунктуація, стрибки масштабу. У макета є голос.

Навичка не додає більше. Вона підсилює те, що вже є. Якщо в дизайні три кольори, bolder не додає четвертий, він більш рішуче бере три.

Спробуйте

/impeccable bolder the landing page hero

Очікувані зміни:

• Hero-заголовок з 3rem до clamp(3.5rem, 7vw, 6.5rem), display-шрифт, вага 700
• Підзаголовок з звичайного на курсив при 1.5rem, зміщений на 8px вліво від заголовка для оптичного вирівнювання
• Фон перемикається з паперу на градієнт cream-to-paper, створюючи тепліший контейнер
• CTA-кнопка заповнюється, тінь видалена, радіус рамки зменшений, стан hover інвертує кольори
• Супровідне зображення трохи зміщене з сітки з від’ємним верхнім margin, створюючи асиметрію

Підводні камені

• Запуск на неправильній сторінці. Дашборди продуктів, налаштування та форми не повинні бути bold. Вони повинні бути чіткими. Використовуйте /impeccable layout або /impeccable polish замість цього.
• Плутання bold з loud. Bold означає рішучий та впевнений. Loud означає кричущий. Bolder — це перше. Якщо результат здається агресивним, додайте /impeccable quieter.
• Поєднання з /impeccable delight за один прохід. Delight працює найкраще проти стабільної візуальної бази. Спочатку bold, стабілізуйте, потім delight.