Палитра

Задайте один цвет — получите согласованный набор, шкалу оттенков и проверку контраста по WCAG. Готовые CSS-переменные копируются одной кнопкой.

Основа

Нажмите на любой образец, чтобы скопировать его код.

Палитра

Оттенки основного цвета

Светлые — для фонов и подложек, тёмные — для текста и наведения.

Контраст

— AA 4.5 AAA 7.0 Крупный 3.0

Заголовок в 22 пункта

Обычный текст, которым набран абзац. Если он читается тяжело — контраста не хватает.

Мелкая подпись под текстом

Как это смотрится на странице

Название сайта

Коротко о главном

Одно предложение, которое объясняет, зачем сюда пришли.

Кнопка

CSS-переменные