Bolder

Кога да се използва

Обърнете се към /impeccable bolder, когато интерфейсът изглежда като всеки друг интерфейс. Родов безсерифен, средни тегла, меки сенки, скромен акцентен цвят, разумно разстояние, незабравимо. Дизайнът не е грешен, просто е безопасен. Използвайте bolder, когато даден проект може да понесе присъствие, а текущото състояние не носи никакво.

Не го използвайте на табла за управление, които хората гледат с часове. Дръзката печели мястото си на маркетингови страници, ключови моменти и съдържателни функции. Не в операторски инструменти.

Как работи

Умението засилва четири оси, без да нарушава използваемостта:

1. Мащаб: заглавният шрифт се изтласква до clamp(3rem, 6vw, 6rem) или отвъд. Заглавия, които запълват viewport-а, не го предпазват.
2. Контраст на тегло: светло 300 срещу тежко 800 вместо средно срещу регулярно. Истинско напрежение, не свиване на рамене.
3. Ангажимент с цвета: акцентният цвят се появява на пълна сила, не разреден. Фоновете могат да заемат позиция (мастило, акцент, крем) вместо всичко-хартия.
4. Композиционна увереност: асиметрия, извън решетка, цитати с отстъп, висяща пунктуация, скокове в мащаба. Layout-ът има глас.

Умението не добавя повече. То засилва това, което вече е там. Ако дизайнът има три цвята, bolder не добавя четвърти, той се ангажира по-силно с трите.

Пробвайте

/impeccable bolder the landing page hero

Очаквани промени:

• Заглавието на hero-та от 3rem до clamp(3.5rem, 7vw, 6.5rem), дисплейен шрифт, тегло 700
• Подзаглавието от регулярно до курсивно при 1.5rem, изтеглено 8px вляво от заглавието за оптично подравняване
• Фонът превключва от хартия към градиент от крем до хартия, създавайки по-топъл контейнер
• CTA бутонът се запълва, сянката се премахва, border radius се намалява, състоянието при посочване обръща цветовете
• Поддържащото изображение се избутва леко извън решетка с отрицателен горен margin, създавайки асиметрия

Клопки

• Изпълнение върху грешната страница. Продуктови табла, настройки и формуляри не трябва да са дръзки. Трябва да са четливи. Използвайте /impeccable layout или /impeccable polish вместо това.
• Бъркане на дръзко с шумно. Дръзко означава ангажирано и уверено. Шумно означава крещящо. Bolder е първото. Ако резултатът се усеща агресивен, последвайте с /impeccable quieter.
• Комбиниране с /impeccable delight в същата pass. Delight работи най-добре срещу стабилна визуална базова линия. Първо дръзкост, стабилизиране, след това delight.