Премиум-сайт с нуля
От выбора archetype до запуска: позиционирование, типографика, цвет, поверхности, editorial-раскладка, hero, motion и финальная subtraction. Не «применить премиум-шаблон» — собрать собственное премиум-ощущение из десяти точечных решений.
- 01design / branding
Премиум-позиционирование: какой именно «премиум»?
→ Сначала выбери archetype (Tech-craft / Editorial / Minimal-consumer / Heritage-luxury / Niche-cult) — всё остальное вытекает.
- 02site / audit
Brand guidelines с нуля
→ Зафиксируй позиционирование в DESIGN.md: voice, базовые принципы, антипаттерны. Источник правды.
- 03design / typography
Подбор пары шрифтов
→ Display-serif + body-sans (или другая пара под archetype). Конкретные имена + fallback.
- 04design / design-system
Построение цветовой системы
→ Один акцент + 3-4 серых. Не цветная карусель.
- 05design / design-system
Spacing scale и вертикальный ритм
→ 4/8 базис, вертикальный ритм, generous воздух между секциями (py-24+, не py-16).
- 06design / design-system
Полировка поверхностей: бордеры, тени, радиусы как у премиум-сайтов
→ 1px borders, низкие тени, ≤ 4 радиуса. Калибровка поверхностей даёт 50% премиум-ощущения.
- 07design / ui
Editorial-раскладка: журнальная сетка для премиум-сайта
→ 12-кол асимметричная сетка с marginalia, drop caps, pull quotes. Журнал, не лендинг.
- 08design / ui
Деконструкция hero-секции: promise, proof, action
→ Один заголовок-сериф, один lede, один CTA. Promise / proof / action — три части и всё.
- 09design / motion
Скролл-хореография: кинематографичный ритм страницы
→ 3 easing × 3 длительности. Reveal сдержанный, parallax только если служит сюжету.
- 10design / ui
Аудит на сдержанность: что убрать, чтобы стало премиально
→ Финальный проход на subtraction: убери 30% до запуска. Премиум — это «-», не «+».