UI Foundation
Кнопки
Полная Bootstrap parity, семантические CTA Baby in Brazil, размеры и состояния.
Product roles
Семантические Baby in Brazil actions
Эти роли будут использоваться в прототипе вместо абстрактного выбора цвета.
Вторичные действия
Bootstrap parity
Bootstrap solid variants
Полная parity-матрица Bootstrap показана на реальных классах Bootstrap 5.3.8, поверх которых применён только brand mapping.
Bootstrap parity
Bootstrap outline variants
Outline-состояния сохраняют семантику и видимый focus.
Sizing
Размеры и геометрия
Small, default, large, full-width, icon-only и составные кнопки.
Sizes
Icons
Block CTA
States
Состояния
Визуальная матрица должна быть проверяема без наведения мышью.
Usage
Правила CTA
Кнопка — обещание действия, а не декоративная плашка.
✓
Один главный CTA на смысловой блок.
✓
Текст описывает результат: «Получить расчёт», не «Нажать».
!
Coral используется ограниченно и с тёмным текстом.