# Design Book: marketing-light-5

**Type:** marketing-light (editorial AI-frontier-lab corporate) | **Date:** 2026-04-18 | **Superpowers:** 7 | **Prefix:** `--ml5-*`

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

Editorial AI-frontier-lab corporate archetype. Академический журнальный голос на warm cream paper substrate, dual-voice типографика (serif body + sans display, инверсия digital-стандарта), whisper-shadow monodiscipline и единственный warm accent clay с дефицитом 1-2 на viewport. Institutional trust через собственный голос, не через borrowed credibility. Первый бук в коллекции, использующий editorial-typography как primary signature вместо визуального декорирования.

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

1. **Dual-Voice Typography Inversion** — serif body + sans display (50/50 пропорция), инверсия индустриального стандарта.
2. **Cream-over-White Warm-Earth Substrate** — `#faf9f5` вместо `#fff`, все нейтралы hue 40-60°, slate-dark `#141413` — тёплый brown-black, не чёрный.
3. **Whisper-Shadow Monodiscipline** — одна тень на весь сайт (triple-layer 0.01/0.02/0.04), hover-only.
4. **Clay Accent Deficit** — единственный warm accent `#d97757`, max 1-2 на viewport.
5. **Binary-Biased Radius** — dominant `0` + pill `100vw`, middle 4/8/16/24 редки, 6/10/12/14/20 запрещены.
6. **Editorial Underline-as-Editing** — solid-thick underline на 1-2 словах в H1 как рукописная правка редактора.
7. **Typographic Wordmark Signature** — бренд = sans wordmark + одна диакритическая модификация (backslash, dot, ligature).

Полное описание каждой с промпт-сниппетами — в [`dna.md`](dna.md).

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

```
/design-book generate "editorial AI-lab marketing-site, authority-first через cream substrate + serif body + sans H1, whisper-shadow monodiscipline, clay accent deficit, 12-col 89.5rem grid, dominant section-main 88-160px rhythm, dark inset 'picture-in-gallery' блок"
```

## Подходит для

- Research organizations, think tanks, academic institutions
- AI labs / deep-tech с trust-building messaging
- Editorial/longform publications (Substack Pro, magazine-style)
- Law firms, policy consultancies, NGOs
- Author blogs, academic personal sites

## НЕ подходит для

- E-commerce fashion/retail, gaming/entertainment
- Kids/education с playful vibe
- Dev-tools для массовой аудитории (code-first vibe)
- Fintech consumer apps (cleaner digital trust)

## Файлы

- [`index.html`](index.html) — визуальный каталог (9 секций, живые примеры + copy-to-clipboard промпт-сниппеты)
- [`tokens.css`](tokens.css) — CSS переменные (~280 строк, prefix `--ml5-*`)
- [`tokens.md`](tokens.md) — документация токенов с философией и guardrails
- [`dna.md`](dna.md) — 7 суперсил с промпт-сниппетами + 14 anti-patterns + compat matrix
- [`components.md`](components.md) — инвентарь 14 компонентов с HTML/CSS/States Matrix
- [`patterns.md`](patterns.md) — композиция, vertical rhythm, grid, mobile поведение
- `screenshots/` — исходные скриншоты для reference
- `demo/` — self-contained демо-сайт (создаётся в Phase 8)
- `evaluation.md` — финальная оценка (создаётся в Phase 9)

## Философия DNA (5 принципов)

1. **Warm earth palette** — все нейтралы hue 40-60°, ни один на синей оси.
2. **Dual-voice typography** — serif body, sans display, пропорция 50/50.
3. **Whisper-shadow monodiscipline** — одна тень на весь сайт, hover-only.
4. **Fluid clamp everywhere ≥2rem** — никаких media queries для font-size/spacing.
5. **Binary-biased radius** — 0 и pill полюса, role-contrast.