CSS
Собираем стили со страниц
Введите URL. Milten прочитает доступные таблицы стилей и сгруппирует повторяющиеся цвета, шрифты, размеры, отступы, радиусы углов, тени и пользовательские свойства.
Цвета, шрифты и отступы сайта
Соберите цвета, шрифты и отступы страницы в одном отчёте. Найдите повторяющиеся значения и различия в оформлении, чтобы подготовить унификацию дизайна.
Как работает сканер
От CSS-источников к частотной сводке значений
Частота
Группируем повторяющиеся значения
Отчёт считает, сколько раз встречаются одинаковые цвета, шрифты, размеры, отступы, border-radius, box-shadow и CSS variables. Чем чаще значение повторяется, тем сильнее оно похоже на системный токен.
Сводка
Показываем концентрацию и разброс
Сводка помогает быстро увидеть, где значения повторяются стабильно, а где интерфейс накопил большой разброс цветов, размеров, шрифтов или теней.
Чтение
Помогаем выбрать, что разбирать первым
Сопоставьте повторяющиеся цвета, размеры шрифтов и отступы с их ролью в компонентах. Близкие значения могут быть намеренными. Сводка CSS помогает спланировать токены, но не создаёт готовую дизайн-систему и семантические имена.
Что есть в отчёте
Семь групп параметров оформления
Цвета
Повторяющиеся цвета
Сканер показывает цветовые значения и количество их использований, чтобы отделить системные цвета от случайных локальных оттенков.
значениеиспользования
Шрифты
Шрифты и размеры текста
В отчёте есть найденные font-family значения, частота их встречаемости и повторяющиеся font-size значения.
font-familyfont-size
Отступы / размеры
Размеры, margin, padding, width и height
Сводка выделяет часто встречающиеся значения размеров и отступов. Большой разброс здесь обычно показывает слабую консистентность сетки.
pxrem
Скругления / тени
Скругления и тени
Отдельные группы показывают повторяющиеся border-radius и box-shadow, включая случаи, где одно значение встречается чаще остальных.
скруглениетень
CSS-переменные
Найденные custom properties
Сканер показывает CSS custom properties и количество их использований, чтобы понять, какие переменные реально работают как токены.
--varиспользования
FAQ
Частые вопросы про CSS Tokens-сканер
Коротко о том, какие значения попадают в отчёт и как читать частотную сводку.
Чем CSS Tokens-сканер отличается от простой выгрузки CSS-переменных?
Он смотрит шире: помимо custom properties отчёт показывает повторяющиеся цвета, шрифты, font-size, размеры, отступы, border-radius и box-shadow. Для каждого значения важна частота использования.
Можно ли анализировать сайт без доступа к репозиторию?
Да. Первый проход можно сделать по публичным страницам и подключенным стилям. Если часть CSS закрыта авторизацией или не загружается на странице, она не попадёт в сводку.
Показывает ли отчёт конфликты токенов?
Отчёт показывает повторяющиеся значения и их разброс. Он не определяет смысловые конфликты и не предлагает имена токенов. Как организовать токены, решает ваша команда.
Подходит ли сканер, если токены уже есть?
Да. Отчёт покажет, какие CSS variables найдены и как часто они используются, а также где рядом существуют повторяющиеся raw values: цвета, размеры, отступы или тени.
Как читать пустые или редкие значения?
Редкое значение может относиться к важному состоянию или компоненту. Перед объединением или удалением проверьте, где оно используется. Частотность помогает выбрать порядок разбора, но не решает, какие значения должны стать одним токеном.
Связанные сервисы
Что проверить рядом с этим сервисом
CSS-аудит
Найдите тяжёлые файлы стилей, дубликаты и стили, неиспользованные при загрузке. Такие стили могут понадобиться на других страницах или после действий пользователя.
ОткрытьПроверка HTML
Найдите ошибки в HTML и слишком сложную структуру страницы. В отчёте указаны затронутые элементы.
ОткрытьДоступность
Найдите проблемы доступности с помощью автоматической проверки. Получите рекомендации; полная оценка доступности также требует ручной проверки.
ОткрытьПроверка JavaScript
Проверьте файлы JavaScript, ошибки загрузки и код, неиспользованный при загрузке. Найдите скрипты, которые стоит изучить подробнее.
Открыть