Сгенерировать варианты UI-компонента

Сгенерируй 4-6 вариантов компонента: {{component}}. Контекст: {{context}}.

Каждый вариант — отдельный визуальный язык, не косметика.

Для каждого варианта:

1. Название и концепция (одно слово + 1 предложение)

   • Пример: "Editorial" — спокойный, типографический, премиум-журнал
   • Пример: "Brutal" — крупные блоки, толстые границы, контраст

2. Структура — реальный HTML/JSX-скелет с Tailwind классами

3. Когда использовать — в каком контексте этот вариант сильнее

4. Когда НЕ использовать — анти-кейс

Варианты для исследования (выбери 4-6)

• Editorial — типографика как герой, серифы, много воздуха
• Bento — модульный, асимметричный грид, разные размеры блоков
• Brutal — толстые границы, контраст, монохром
• Glass — backdrop-blur, прозрачность, мягкие переходы
• Skeuo — намёк на материальность (тонкие тени, текстура)
• Minimal — только текст и линии, никаких декораций
• Card-heavy — каждый элемент в своей карточке
• Inline-flow — всё в одну строку, плотно
• Numbered — Swiss-стиль с номерами и сеткой
• Mono — моноширный шрифт по всему компоненту

Анти-паттерны (НЕ делай)

• Градиентный фон без причины
• AI-кружки и пузыри
• Эмодзи в заголовках
• "Гибридный" вариант который пытается всё сразу
• Glassmorphism там где он не работает (всегда есть фон)

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

## Вариант 1: [Название]
**Концепция:** ...

```tsx
<Component>...</Component>

Когда: ... Не когда: ...

В конце — таблица сравнения:

| Вариант | Воздух | Контраст | Сложность | Уместность |
| 1 | высокий | низкий | низкая | премиум |

И **одну рекомендацию** — какой из вариантов взять, и почему именно его в этом контексте.