--- type: reference status: published version: v1.0 tags: [v3, minimalism, design-guide, canon] created: 2026-06-20 updated: 2026-06-22 --- # V3 — фундамент минимализма (концепция + рекомендации) > **Канонический документ стиля V3 — управляющий источник принципов минимализма** (принят DK 2026-06-21 как язык всего приложения). Полный канон V3-принципов живёт здесь; перечни V3 в [DESIGN-GUIDE.md](DESIGN-GUIDE.md) (раздел D — да/нет-приёмка) и [DESIGN.md](DESIGN.md) (краткая сводка-справочник) — производные от этого документа и ссылаются на него; при расхождении правит этот файл. Управляет минимализмом-слоем поверх DESIGN-GUIDE, DESIGN и [VALIDATION-ALGORITHM.md](VALIDATION-ALGORITHM.md) (рои-валидация). Читают агенты-проектировщики и критик-валидатор. Цель V3 — **стильный современный минимализм как дисциплина внимания, а не вычитание смысла.** --- ## Часть A. Концепция: UX-минимализм 2026 **Базовый тезис.** Минимализм — это **дисциплина внимания**, а не дефицит элементов. Убирается не информация, а шум, дублирование и декор. «Меньше» — про отвлекающие факторы, не про смысл. Если после «упрощения» пользователю приходится догадываться — это поломка, а не минимализм. **Принципы:** 1. **Намеренная сдержанность** — вычитаем шум (рамки, тени, разделители, повторы, декор-иконки), не смысл. Критерий: «без элемента понятность сохраняется/растёт?» — если падает, остаётся. 2. **Ясная визуальная иерархия** — размером, насыщенностью, положением, воздухом; не линиями и плашками. 3. **Воздух как структура** — негативное пространство группирует и направляет; служит контенту, не «чистоте». 4. **Типографический ритм** — мало ступеней размера, выверенные интервалы; типографика заменяет декор. 5. **Один фокус на экране** — одна задача, один очевидный следующий шаг; вторичное тише, но доступно. 6. **Цвет = акцент** — нейтральная база, бирюза точечно (действие/состояние/точка); «акцентно всё» = «не акцентно ничто». 7. **Прогрессивное раскрытие со вкусом** — сначала суть, детали по запросу; свёрнутый слой понятен сам по себе. 8. **Сдержанная анимация** — объясняет переходы, быстрая, функциональная; не украшение. 9. **Content-first (Rams «less but better»)** — финальный фильтр: стало понятнее/лучше — или просто меньше? **Антипаттерны (стоп-лист):** криптоплитки (однословные ярлыки вместо фактов — причина отклонения: «навык/регулярность/путь/норма») · иконки без подписи / вместо текста · пустые экраны ради пустоты · бессистемное вычитание контента · мнимая иерархия (плоскость без приоритетов) · загадочность вместо лаконичности · скрытие базовой функции в раскрытии · акцент-инфляция / декор-цвет · анимация-украшение · эстетика поверх задачи. **Тест на отличие минимализма от поломки V3:** «Поймёт ли пользователь смысл КАЖДОГО элемента без объяснения, и стало ли понятнее, чем было?» Настоящий минимализм: меньше элементов, **столько же или больше понятности.** --- ## Часть B. Рекомендации проектировщику (следовать дословно) ### 1. DO 1. Один фокус на экран (одна главная кнопка; опросник — один вопрос/экран). 2. **Иерархия размером, не рамками** (главный элемент ≈1.6×+ от body; без линий-разделителей). 3. **Вопрос/тезис = сам заголовок** крупным шрифтом; подтекст минимальный, только если снимает неоднозначность. 4. Воздух направленный, не равномерный (micro vs macro; группировать связанное). 5. **Карточки выбора сдержанные, но с явным аффордансом** (граница/заливка, понятная подпись, тап ≥44px). 6. Цвет = смысл точечно (бирюза #2BB4C6 — единственный акцент). 7. Статусные цвета с фиксированным смыслом (закрепить один раз). 8. **Иконки — только С подписью и с функцией** (не замена тексту). 9. Прогрессивное раскрытие глубины, не сути. 10. Gradual onboarding (3–5 обязательных шагов; остальное позже). 11. Типографический ритм. 12. Моушн сохраняет контекст. ### 2. DON'T Однословные криптоплитки · иконки без подписи · пустые экраны ради пустоты · бессистемное вычитание · мнимая иерархия · загадочность вместо лаконичности · скрытие базовой функции · акцент-инфляция · потеря аффорданса (flat-ловушка) · эстетика поверх задачи. ### 3. «Минимизируй подачу, не смысл» **МОЖНО убирать (шум):** обрамление (рамки/тени/разделители/плашки) · дубли · длинноты → короче (не криптично) · декор-иконки · редкие опции → в раскрытие/позже · глубину (обоснования/тренды) → за тап. **НЕЛЬЗЯ (смысл):** суть вопроса/действия · понятность каждого элемента · контекст, снимающий неоднозначность · безопасность/Tier-1 (показывать явно) · аффорданс · видимый следующий шаг. ### 4. Брендовые приметы стильного V3 Sonaura Спокойствие как ощущение (бирюза точечно на slate, много воздуха, ничего не мигает) · голос Sona — проводник, не система (тёплый, на «ты», человеческий) · без геймификации · премиальность через дисциплину (один язык цвета, агрессивная типо-иерархия, единый набор компонентов) · иконка тёплая, но с функцией и подписью · тёмный фон — только где оправдан функцией. ### 5. По типам экранов - **Видео-интро:** один фокус (плеер) + крупный заголовок-обещание + одна кнопка; под видео одна строка сути. - **Опросник-шкала:** вопрос = крупный заголовок; варианты — сдержанные карточки с подписью, тап ≥44; выбранное — бирюза; подписи концов шкалы словами, не иконками. - **Гейты-тогглы:** формулировка словами что включается; вкл/выкл явно (цвет+позиция); Tier-1 явно, не прятать. - **Итог:** одно доминирующее (результат крупно), вторичное тише; каждый факт — фразой, не плиткой; детали за тап. - **Мост:** одна мысль крупно + один воздух + одна кнопка; тёплая фраза Sona; мягкий переход. ### 6. Якорь имени экрана и шкала заголовков - **Имя экрана = якорь `.screen-anchor` размером `--fs-h2`** — умеренный заголовок-ориентир «где я нахожусь», а не доминанта экрана. - **Самый крупный кегль `--fs-display` зарезервирован за «главной мыслью» экрана** — единственный смысловой пик (вопрос опросника, результат, ключевой тезис моста). Служебное имя экрана его не занимает. - Один экран — один пик `--fs-display`; имя экрана и главная мысль не конкурируют размером. **Сквозной критерий приёмки V3:** меньше шума, та же/большая понятность, один фокус, бирюза только как акцент-смысл, каждый элемент проходит тест «понятен без объяснения». Любой «нет» — фикс до показа DK. --- ## Часть C. Референсы и примеры > Конкретика к Частям A–B: реальные экраны лидеров healthtech/wellness, примеры «хорошо/плохо» по нашим типам экранов и worked-разбор переделки «На что настроиться». ### 1. Таблица референсов | Приложение | Экран / паттерн | Что именно на экране | Почему стильный минимализм | Источник | |---|---|---|---|---| | Oura | Today-таб | 3 крупных числа (Sleep/Readiness/Activity) сверху + одна карточка-инсайт «daily highlight» + Timeline | Голой цифры нет: под числом baseline + «top contributors» за разворотом | [ouraring.com/blog/new-oura-app-experience](https://ouraring.com/blog/new-oura-app-experience/) | | Oura | Vitals-таб | Список метрик, у каждой baseline + разворот деталей по стрелке | Один экран = одна функция; глубина под тапом | [liveworksleep.com/oura-app-features](https://liveworksleep.com/oura-app-features/) | | WHOOP | Recovery | Тёмная панель; главный сигнал — цвет Recovery (зел/жёлт/красн) | «Тихий» минимализм: нет нагов/анимаций, pull-модель | [vertu.com/guides/whoop-vs-oura](https://vertu.com/guides/whoop-vs-oura-for-athletes-decoding-sleep-recovery-metrics/) | | Apple Watch | Кольца Activity | 3 кольца Move/Exercise/Stand | **Анти-референс:** чисто, но давит (награды, толкает) — контраст pull-модели | [medium.com/design-bootcamp](https://medium.com/design-bootcamp/whoop-vs-apple-watch-vs-oura-the-health-app-war-is-no-longer-about-the-hardware-18b5b3c84a3b) | | Headspace | Онбординг | Минимум текста, щедрый воздух, крупная иллюстрация-персонаж | «Каждый цвет/форма намеренны»; −38% отвала через снятие трения | [raw.studio/blog/how-headspace-designs-for-mindfulness](https://raw.studio/blog/how-headspace-designs-for-mindfulness/) | | Headspace | Урок-экраны | Округлые персонажи, сплошные цвета, метафоры (пар/звёзды) | Тепло через форму, не декор | [uiland.design/screens/headspace](https://uiland.design/screens/headspace/) | | Balance | Home + плеер | Одна следующая сессия крупно; в плеере контролы исчезают | Одна сущность/экран + воздух + цветокод типов | [onno.studio/Balance-Meditation-App-Design](https://onno.studio/Balance-Meditation-App-Design) | | Levels | Zone Review | Один Zone Score 1–10 крупно как вердикт | Сложная биометрия свёрнута в одну оценку | [support.levels.com/article/32-zone-scores](https://support.levels.com/article/32-zone-scores) | | Flo | Дизайн-система | 14 типо-стилей, мало тинтов, семантические токены | Минимализм системный — дисциплина палитры | [medium.com/flo-health/flo-design-system-part-1](https://medium.com/flo-health/flo-design-system-part-1-1eb8b731a48c) | | Noom | Опросник-слайдеры | Слайдер между двумя словесными якорями, тонкий сдвиг фона | Шкала без чисел: 2 якоря + визуальная обратная связь | [revenuecat.com — Noom teardown](https://www.revenuecat.com/blog/growth/web-to-app-onboarding-funnel/) | | Noom | Экран-итог | Дата цели крупно + «We've helped 3,627,436» + график траектории | Одна доминанта + число-доверие + график-переформулировка | [revenuecat.com — Noom teardown](https://www.revenuecat.com/blog/growth/web-to-app-onboarding-funnel/) | | Noom | Интерстициал | «Calculating your plan» = пауза + обучающий факт; «That's an important first step» | Переходный экран несёт смысл, не спиннер | [revenuecat.com — Noom teardown](https://www.revenuecat.com/blog/growth/web-to-app-onboarding-funnel/) | ### 2. Хорошо / плохо по типам наших экранов **Видео-интро** — ✅ один фокус-плеер: крупный заголовок-обещание (≈1.7× body) → плеер во всю ширину → одна строка сути тише → одна кнопка «Дальше» бирюзой. ❌ под видео список «что узнаете» + таймкоды + соц-доказательство (фокус размыт). **Опросник-шкала** — ✅ вопрос = крупный заголовок; шкала с **словесными** якорями («Совсем не беспокоит» … «Невыносимо»), размечать больше точек (не только концы), выбранное — бирюза, «Вопрос 4 из 10», под чувствительным — строка-причина. ❌ голая 0–10 только с краями + 3 вопроса на экране + регистрация до прохождения. **Гейты-тогглы** — ✅ строка-смысл словами («Напоминания о практике вечером») + тоггл, вкл = бирюза+позиция; Tier-1 явно; вся карточка тап ≥44px. ❌ однословные ярлыки-тогглы («Звук»/«Путь»/«Норма») + плоский серый тоггл (flat-ловушка). **Итог** — ✅ одна доминирующая метрика 2–3× крупнее (правило 40-30-20-10: 40% — главное крупно, 30% — 2-3 вторичных, 20% — тренд, 10% — навигация); плотность 3:1 (глаз тянется туда, где плотно); каждый факт фразой, детали за тап (как Oura). ❌ 4–6 равновеликих плиток-метрик в сетке без доминанты. **Мост** — ✅ одна мысль крупно + воздух + одна кнопка + тёплая фраза Sona; при расчёте — пауза + обучающий факт (Noom). ❌ голый спиннер ИЛИ плотный абзац в три мысли на «переходном» экране. ### 3. Разбор кейса: переделка «На что настроиться» (expectations) **Было (отклонено):** 4 факта → криптоплитки «навык / регулярность / путь / норма» — ребус, смысл утрачен, каждый элемент непонятен без объяснения (провал теста Части A). **Как должно быть (вариант «главная мысль + 4 живых факта»):** 1. **Главная мысль крупно (≈1.8–2.0× body), верхний якорь, ~40% высоты + воздух:** > **Это путь, а не кнопка.** *Облегчение приходит как навык — от практики, не от одного сеанса.* 2. **4 факта живыми фразами**, вертикальный stack, 1.0–1.1× body, macro-воздух 24–28px между ними, без рамок/разделителей, бирюзовый маркер-точка слева (единственный акцент): - **Это навык, который тренируется** — мозг учится не цепляться за звук. - **Работает регулярность, не интенсивность** — 10 минут в день важнее часа раз в неделю. - **Будет неровно — и это нормально** — хорошие и трудные дни чередуются. - **Ты не один в этом** — Sona рядом на каждом шаге. 3. **Одна кнопка** «Я готов начать» бирюзой. **Альтернатива «одна мысль + раскрытие»:** только п.1 крупно + строка-ссылка «Что меня ждёт →», за тапом — те же 4 факта (раскрытие глубины, не сути; свёрнутый слой понятен сам по себе). **Почему это минимализм, а не вычитание:** элементов меньше (ушли рамки/плашки/декор), понятность та же/выше — каждый факт читается без расшифровки; иерархия размером и воздухом, не линиями (как Oura Today); «голого ярлыка не бывает», как «голой цифры не бывает» у Oura/Levels; бирюза только акцентом. Это «less but better»: убрали шум подачи, сохранили все 4 смысла.