Skip to content
PПромтбук
RUEN
01Аудит

Аудит brand-consistency

Прогон интерфейса на согласованность: цвета, spacing, typography, voice, иконки. Найти отклонения от системы.

Проведи аудит brand-consistency для {{url}}. Цель — найти, где интерфейс «уезжает» от дизайн-системы.

Что проверить

1. Цвета

  • Сравни используемые цвета с токенами из {{tokens_source}}
  • Найди hardcoded значения (#3B82F6, rgb(...)) в коде/инспекторе
  • Близкие, но не точные: #0066CC vs #0066FF — считай отклонением
  • Проверь dark mode: каждый токен имеет пару?

2. Spacing

  • Каков шаг сетки (4 / 8 / 16)?
  • Найди margin: 13px, padding: 22px — всё что не из шкалы
  • Вертикальный ритм между секциями — одинаковый?
  • Gap в flex/grid — токенизирован?

3. Typography

  • Сколько разных font-size реально используется vs сколько определено в системе?
  • Line-height и letter-spacing — из токенов?
  • Шрифтовые веса — закрытый набор (400/500/600/700) или хаос?
  • H1-H6 — иерархия читается?

4. Voice & tone

  • Кнопки: «Сохранить» / «Сохранить изменения» / «Save changes» — единый стиль?
  • Tone: формальное vs дружелюбное — выдержано на всех экранах?
  • Заголовки: sentence case vs Title Case — одинаково?
  • Пунктуация в кнопках/тостах — есть точки или нет (выбери одно)

5. Иконография

  • Все иконки из одного набора (Lucide / Heroicons / custom)?
  • Stroke-width одинаковый?
  • Размеры — закрытый набор (16/20/24)?
  • Смысл одного действия — одна иконка везде?

Формат вывода

Markdown-таблица: Категория | Что нашёл | Где (URL/селектор) | Что должно быть | Серьёзность (1-3). Сортируй по серьёзности, затем по категории.

Дополнительно: топ-3 системные проблемы (например, «нет токенов для shadow — каждый компонент изобретает свою»).

Анти-паттерны

  • ❌ Просто «выглядит непоследовательно» без конкретного селектора
  • ❌ Предлагать переделать всю систему — только фиксы дрифта
  • ❌ Игнорировать legacy-страницы (там обычно весь хаос)
  • ❌ Засчитывать «отличается от моего вкуса» как отклонение
К подразделу «Аудит»
Похожие промты