Перейти к содержанию

Pixel Perfect Checklist

  • [ ] Все отступы совпадают с Figma
  • [ ] Размеры соответствуют макету по пикселям
  • [ ] Используются только дизайн‑токены (spacing, colors, typography, radius, shadow)
  • [ ] Нет произвольных margin/padding вне токенов
  • [ ] Поведение компонентов соответствует состояниям из Figma
  • [ ] Шрифты, веса, высоты строк корректны

UI‑логика

  • [ ] Hover соответствует макету
  • [ ] Active соответствует
  • [ ] Focus соответствует
  • [ ] Disabled соответствует
  • [ ] Анимации соответствуют дизайну или отключены при тестах

E2E / Visual Tests

  • [ ] Для ключевых компонентов/страниц есть baseline
  • [ ] Diff отсутствует или в пределах нормы (≤ 1px)
  • [ ] При изменении UI обновляется baseline с апрувом
  • [ ] Нет расхождений при фиксированном viewport 1440×900