# Design Book: marketing-dark-4

**Тип:** marketing-dark / marketplace-aggregator-landing | **Дата:** 2026-04-26 | **Суперсил:** 7

## Краткое описание

B2B AdTech-маркетплейс рекламных площадок (RU) в стиле «honest-flat dark». Объединяет 500+ инвентаря в едином окне, продаёт через personal-manager модель. Дизайн намеренно отказывается от marketing-dark «sugar» 2024-2026: нет glassmorphism, нет glow, нет gradient hero, нет multi-layer теней. Единственная контрастная точка — acid-yellow #effd37 CTA, который на hover инвертируется в чистый white. Section zebra dark↔light по смыслу: действие живёт на dark, доказательство на light.

## Топ суперсилы

1. **Acid-Yellow Hover Inversion** — единственный жёлтый CTA на dark, hover→white вместо darken
2. **Section-Inversion Zebra** — dark↔light↔alt чередование по смыслу секции (5 dark / 7 light)
3. **Brand-Word H1 Accent** — одно слово в H1 жёлтым внутри белого заголовка (single point of color)
4. **Outline Doodle Constellation** — 4 тонких SVG-doodle ornaments в углах hero (1.5px stroke white opacity 0.5)
5. **Pastel Rainbow Discount Strip** — 4-цветная gradient-полоса вместо классического % OFF badge в tier-card
6. **Tier-Card Brand-Logo Cluster** — overlapping circular партнёр-аватарки сверху pricing-карточки (instant social proof)
7. **Honest Flat Anti-Trend** — refusal of glassmorphism / glow / blur / multi-shadows как trust signal для B2B

## Быстрый старт

```
/design-book generate "B2B marketing-dark landing в стиле honest-flat. Acid-yellow #effd37 CTA с hover-инверсией в white. Section zebra dark↔light↔alt. Brand-word yellow в H1 weight 800/46/64. Hero с 4 outline-doodle SVG в углах. Tier cards с brand-logo cluster + pastel rainbow strip. Inter only, веса 400/700/800. Радиус 0 dominant + 16/22/26 кнопки + 26 card. Ни glassmorphism/glow/blur/gradient — единственная shadow 0 6px 12px rgba(0,0,0,0.12)."
```

## Файлы

- [`index.html`](index.html) — визуальный каталог с живыми демо суперсил и copy-кнопками
- [`tokens.css`](tokens.css) — CSS переменные (prefix `--md4-*`)
- [`tokens.md`](tokens.md) — документация токенов с обоснованиями + WCAG check
- [`dna.md`](dna.md) — 7 суперсил с промпт-сниппетами + matrix совместимости
- [`components.md`](components.md) — компонентный инвентарь (Button/Input/Tooltip/Notification/Cookie/Datepicker/Marquee/Tier-Card/Hero)
- [`patterns.md`](patterns.md) — композиция 12 секций, vertical rhythm, mobile поведение

## Совместимость с другими буками

| Бук | Уровень | Заметка |
|---|---|---|
| saas-panel-1 | ⭐⭐⭐⭐⭐ | Tokens прямо совместимы — общая палитра basic-* |
| marketing-light-3 | ⭐⭐⭐⭐ | Light marketing pages + dark CTA-bands от md4 |
| landing-2 | ⭐⭐⭐ | Можно взять honest-flat, но dual-accent landing-2 конфликтует |
| marketing-dark-3 | ⭐⭐ | Слишком близко философски, конфликтуют веса |
| gaming-dark-1 | ❌ | Полная несовместимость (gaming требует glow/conic) |

## Захвачено

Источник: единственный сайт-источник в категории RU AdTech-маркетплейсов с similar positioning (honest-B2B без украшательства). Архитектурный fingerprint: Next.js 14+ App Router + CSS Modules + micro-frontends (отдельный bundle для topline+footer). Полный набор 101 root CSS-vars из реального production design system.

Дата захвата: 2026-04-26.