Обычная поверхность
Базовая карточка
Белая поверхность, спокойная граница и отсутствие лишней тени.
UI preview
Служебная страница токенов, компонентов и состояний Coral Glass.
Display
Coral Glass
H1
Заголовок первого уровня
H2
Заголовок секции
H3
Заголовок компонента
Body large
Крупный основной текст для короткого введения.
Body
Основной текст интерфейса сохраняет спокойный ритм и удобную длину строки.
Small
Вспомогательный текст и метаданные.
Caption
ПОДПИСЬ 12 PX
Основные цвета
Семантическая палитра без случайных значений.
Canvas
Soft cloud
Ink
Ash
Primary
Primary active
Компоненты и состояния
Все интерактивные элементы имеют зону касания не меньше 44 пикселей.
Buttons
Primary и secondary варианты.
Input и badge
Доступные подписи и заметный focus.
АктивноНейтральноКонтур
Состояния кнопки
Glass material
Стеклянная панель
Фон остаётся заметным, а текст сохраняет читаемый контраст.
Motion-анимация
Спокойное появление с поддержкой prefers-reduced-motion.
Короткое появление через opacity, transform и scale.