02UI-компоненты

Аудит на сдержанность: что убрать, чтобы стало премиально

Премиум — это не «добавить полировку», это «убрать 30%». Проход по странице с целью subtraction: иконки, тени, бордеры, бейджи, CTA-дубли.

Премиум-сайты выглядят как премиум-сайты не потому, что добавили градиент и hover-effect, а потому, что убрали треть того, что обычно ставит средний дизайнер. Этот промт — проход на subtraction.

Цель: {{page}} Правило: убрать ≥30% визуальных элементов, не теряя смысла.

1. Откуда лезет визуальный шум

Типичные «жирные» паттерны, которые читаются как «не премиум»:

Иконка перед каждым h2 — отвлекает от типографики
Тень + бордер на одной карточке — дублирующий сигнал, выбери одно
Бейджи "New", "Hot", "Featured" на каждой второй карточке — все становятся равны
Градиент-обводки и glow-эффекты — читается как 2014 SaaS
3 CTA в hero — нет приоритета, значит нет премиума
Емодзи в заголовках — снимает половину класса
Скриншот с marketing-arrows и кружками — premium-бренды показывают продукт без подсказок
«Узнать больше →» в каждой секции — повторение CTA даёт назойливость
Карточки с тенями для коротких текстов — текст не требует контейнера

2. Проход (7 шагов)

Иди по странице сверху вниз и для каждого блока спроси:

Можно убрать без потери смысла? → убери
Можно объединить с соседним блоком? → объедини
Декоративный элемент несёт смысл? → если нет, убери (иконка ≠ смысл, иконка = повторение)
Hover-effect виден после первого раза? → убрать
Бордер И тень И background-tint вместе? → оставить максимум 2 из 3
Текст помещается без карточки? → убрать карточку
CTA повторяется? → оставить один (самый правый в hero и в конце)

3. Матрица решений

Элемент	Keep / Merge / Cut	Почему
Hero subtitle	Keep	несёт суть
Hero "scroll ↓" indicator	Cut	пользователи знают как скроллить
Иконки в feature-grid	Cut	повторяют заголовки
3 CTAs в hero	Cut → 1	приоритизация
Тени на карточках	Cut → border	один сигнал глубины достаточно
...	...	...

4. Что НЕ трогать

Subtraction должен убирать декорацию, не семантику:

Не убирай aria-labels и skip-link
Не убирай alt-тексты
Не убирай focus-ring (a11y)
Не убирай sticky table-of-contents если он помогает навигации
Не убирай footer-навигацию (это не декорация)

5. Анти-паттерны subtraction'а

❌ Убрать все CTA → конверсия 0
❌ Убрать все иконки в навигации → плохо для скана, оставь там
❌ Убрать весь цвет → не премиум, а серость
❌ "Минимализм через 800-字-абзацы" — белое пространство ≠ много пустого текста

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

Список «убрать»: 10-20 пунктов с обоснованием
Список «объединить»: блоки + новый объединённый блок
Список «оставить»: 3-5 элементов, которые могли бы убрать но НЕ надо, с причиной
Before/after estimate: «На странице было ≈X visual signals, останется ≈Y (-Z%)»
Приоритет первого изменения: с какого блока начать (самый большой эффект)