Сайт и типографика: Алина - Свой штрих
Дата сборки: 2026-04-11
Принцип
Сайт, review-портал, презентация и PDF должны читаться как одна визуальная система, но не как один и тот же шаблон.
Рабочее визуальное направление: Теплая ремесленная персонализация.
Главное правило: сначала определяем, что экран должен сделать с человеком, и только потом оформляем его визуально.
Единая font policy машины
- Display:
Cormorant Garamond - Text:
Manrope - Numeric / UI:
Manrope
Правила:
- сначала проверяем кириллицу, а не только красивую латиницу
- не используем больше 2-3 семейств в одном проекте
- для сайта, review-портала, PDF и презентации держим локальные
woff2 - отдельно проверяем цифры, KPI, проценты, таблицы и финмодели
- до финальной сборки смотрим четыре режима: длинный русский абзац, короткий hero-заголовок, мелкий UI-текст, дашборд с числами
Site-building policy
Минимальная логика экранов:
1. hero - объяснить проект за 5-8 секунд
2. trust - почему этому можно верить
3. product architecture - из чего состоит продукт
4. audience - кому и в каком сценарии он нужен
5. proof - визуальное и смысловое доказательство
6. dashboard / data - цифры, KPI, карта готовности, экономика
7. process - как все идет по шагам
8. FAQ - снять основные сомнения
9. CTA - один ясный следующий шаг
10. downloads / handoff - что можно открыть, скачать и передать дальше
Tilda-like принципы, которые переносим в машину
- блочное мышление: каждый экран имеет одну задачу
- breakpoint discipline: desktop, tablet и mobile продумываются заранее
- Auto Layout-логика: gap, padding, alignment, повторяемые компоненты
- expressive-but-controlled hero: сильная первая сцена без визуального шума
- custom fonts через
woff/woff2, а не через внешний CDN как обязательное условие - Zero Block-подход: можно делать выразительно, но нельзя терять читабельность, иерархию и CTA
Visual-first rule
Каждый экран обязан иметь:
- задачу
- одну визуальную метафору
- mobile-логику
- связанный asset prompt
Если экран эти четыре вопроса не закрывает, он еще не готов.
Notion-like и NotebookLM-like логика
- важные смысловые блоки должны быть синхронизируемыми между сайтом, PDF, презентацией и review-порталом
- сайт не должен быть оторван от source-first слоя: экраны опираются на блоки, а не на импровизацию
- review-портал считаем главной human-facing точкой оценки проекта
Чек-лист перед выкаткой
- первый экран понятен без пояснения голосом
- mobile не выглядит как обрезанный desktop
- CTA и ссылки на portal / downloads доступны
- графики, схемы и карты что-то объясняют, а не просто украшают
- шрифтовая система держит кириллицу, цифры и UI
- стиль совпадает с visual brief, moodboard и asset register проекта