Позиционирование и дизайн-система
Эта страница – источник правды о бренде MVP Быстро: кто мы, для кого работаем, как звучим и как выглядит сайт mvpbistro.ru. Используйте её при создании любых материалов бренда – от лендингов и презентаций до постов и рекламных креативов.
1. Позиционирование
Утверждённое направление бренда – «Velocity»: скорость как главная ценность, подтверждённая опытом запусков и экспертизой в Claude Code.
Продуктовая студия полного цикла
MVP Быстро превращает идею в готовый к тестированию цифровой продукт: упаковка идеи, дизайн, разработка и запуск на боевом домене.
За недели, а не месяцы
Полный цикл в одном спринте: 2–4 недели вместо 4–6 месяцев у классической команды из 3–5 человек.
Один эксперт с Claude Code
Глубокая экспертиза в Claude Code позволяет одному человеку собирать то, что раньше делала целая команда.
Предприниматели и компании
Те, кому нужно быстро проверить гипотезу или запустить MVP: фаундеры, продакт-лидеры, корпоративные инноваторы.
Цифры, а не обещания
6 запущенных продуктов · 1 млн+ пользователей · 3+ млрд ₽ объём продаж. 10+ лет запуска и масштабирования продуктов.
Бесплатный звонок
Все CTA ведут в мессенджеры (в приоритете Telegram): обсудить идею и оценить сроки запуска – без обязательств.
2. Истории успеха
Шесть запущенных продуктов основателя – доказательная база бренда. Названия, роли и достижения используются в материалах без изменений.
Специи от МегаФона
- 1+ млн пользователей за 1,5 года
- 3+ млрд ₽ продаж у партнёров за 2 года
- Лучший проект 2018 на внутренней премии MegaLabs
МегаФон Путешествия
- 8 видов услуг на одной платформе – от авиабилетов до страховок
- Сотни тысяч пользователей
- Сотни миллионов ₽ продаж
МегаФон Здоровье
- 39 медицинских специальностей
- Десятки тысяч пользователей
- Десятки миллионов ₽ выручки
Карта инноваций
- 6 000 решений от 4 000 компаний для Правительства Москвы
- Сотни запросов от городских заказчиков и десятки внедрений
- Лучший проект России по популяризации инноваций в 2020
Yoffer
- ИИ помогает улучшить резюме, подобрать вакансии и подготовиться к интервью
- Тысячи зарегистрированных пользователей за пару месяцев
- Прочие метрики под NDA
Office360
- Рост годовой выручки с 0 до 100+ млн ₽ за 2 года (топ-10 Москвы)
- Самописные CRM и ERP-системы, 30 000 товаров в каталоге
- Успешный exit, компания существует 15 лет
3. Реквизиты и контакты
| Канал | Значение |
|---|---|
| Telegram (основной CTA) | t.me/maxkazankin |
| wa.me/+79258555366 | |
| MAX | max.ru/u/… |
| Телефон | +7 925 855-53-66 |
| max@mvpbistro.ru | |
| Юрлицо | ИП Казанкин Максим Юрьевич · ИНН 690901526667 · ОГРНИП 326480000000310 |
4. Tone of voice
Голос бренда – уверенный практик: говорим коротко, конкретно и цифрами.
Принципы
- Конкретика вместо обещаний: «2–4 недели», «1 млн+ пользователей», а не «быстро» и «много».
- Простые короткие фразы, активный залог, минимум канцелярита.
- Уважительное «вы» со строчной буквы; без панибратства и без пафоса.
- Профессиональные термины (Discovery, JTBD, CI/CD) не разжёвываем – аудитория их знает.
Правила текста
- Тире – только короткое «–» (en dash), длинное «—» не используем.
- Числа с неразрывными группами: «6 000 решений», «3+ млрд ₽».
- Диапазоны через «–» без пробелов: 2–4 недели, 3–5 человек.
- Названия секций – существительные без глагольных призывов, CTA – глаголы («Обсудить идею», «Смотреть кейсы»).
5. Логотип
Знак «Idea → Product»: точка (идея) → каркас (прототип) → заполненный квадрат (готовый продукт). Вордмарк набран шрифтом Sora: «MVP» – 700, «Быстро» – 400.
Файлы: /assets/logo/ – logo-horizontal и logo-horizontal-en (PNG), logo-square (SVG), favicon-white и favicon-black (SVG/PNG). В шапке сайта используется PNG-версия: SVG с живым текстом непредсказуем без загруженного шрифта. Минимальная высота горизонтального логотипа – 18px, охранное поле – высота знака «точка» со всех сторон.
6. Цвета
Чёрно-белая база с одним индиго-акцентом. Акцент используется дозированно: CTA, ссылки, цифры, метки – не для заливки больших поверхностей (исключение – секция «Как начать»).
| Роль | Значение | Токен |
|---|---|---|
| Приглушённый текст (лиды) | #555555 | --muted-1 |
| Описания | #666666 / #777777 | --muted-2 / --muted-3 |
| Подписи к цифрам | #888888 | --muted-4 |
| Рамка страницы | #E2E2DC | --border-outer |
| Границы карточек | #EEEEEE / #F0F0EC | --border-inner / --border-inner-2 |
| Строки списка ролей | #E6E6E2 | --border-row |
7. Типографика
Два шрифта: Sora (заголовки и текст) и Space Mono (только метки и цифры: eyebrow, счётчики, реквизиты – не для многострочного текста). Веса Sora – 400–800, Space Mono – 400/700, Google Fonts. Размеры заданы в rem: базовый кегль 16px растёт до 20px на ширинах 1300→1900px, поэтому весь макет плавно масштабируется на больших диагоналях (+25% на 1920), а на узких десктопах (1300→1000px) сжимается до ~14px, чтобы контент помещался в экран. Мобильная база – ровно 16px.
| Роль | Шрифт | 1000 | 1300 | 1440 | 1680 | 1920+ |
|---|---|---|---|---|---|---|
| Display / H1 hero | Sora 800 | 52 (5.2vw) | 66 | 70 | 76 | 82 |
| H2 секции | Sora 800 | 35 | 40 | 42 | 46 | 50 |
| Метрика hero | Sora 800 | 33 | 38 | 40 | 44 | 48 |
| Заголовок кейса | Sora 700 | 23 | 26 | 28 | 30 | 33 |
| Заголовок компетенции | Sora 700 | 18 | 20 | 21 | 23 | 25 |
| Лид hero | Sora 400 | 18 | 20 | 21 | 23 | 25 |
| Подзаголовок секции | Sora 400 | 15 | 17 | 18 | 20 | 21 |
| Тело карточек | Sora 400 | 14 | 16 | 17 | 19 | 20 |
| Меню, кнопки | Sora 500–600 | 13–14 | 15–16 | 16–17 | 17–19 | 19–20 |
| Eyebrow / счётчики | Space Mono 400 | 11 | 13 | 14 | 15 | 16 |
8. Сетка и геометрия
| Параметр | Значение |
|---|---|
| Контейнер | max-width 1280px; на десктопе – фиксированная скруглённая «рамка» с отступом 14px от краёв окна, контент скроллится внутри неё поэкранно |
| Высота шапки | 80px (--nav-h); на мобильных шапка sticky |
| Горизонтальные поля секций | 44px (моб. 20px) |
| Радиусы | рамка страницы 14px · карточки кейсов 16px · карточки компетенций 12px · кнопки 8–12px · бейджи 999px |
| Тень рамки | 0 30px 80px -50px rgba(0,0,0,0.5) |
| Порядок секций | Hero → Кейсы (тёмная) → Компетенции (белая, серые карточки) → Claude Code (серая) → Эксперт → Контакты |
| Скролл на десктопе | нативный CSS scroll snap: браузер плавно доводит и «прилипает» к каждому экрану (колесо/тачпад); PageUp/Down и ↑/↓ листают плавно; ←/→ листают кейсы на слайде кейсов; точки-навигация справа с подсказками |
9. Компоненты
Живые примеры – те же классы, что на главной.
.btn--dark · .btn--outline · .btn--accent.btn--sm
.btn--white · .btn--outline-invert
.badge – Space Mono 11px, uppercase, фон --accent-tint
.comp-card: фон --bg-soft, бордер 1px --border-inner-2, радиус 12px, паддинг 30px
.speed__bar: высота 26px, радиус 6px; медленная – 100% #DFDFD9, быстрая – 22% --accent
Три полосы убывающей длины: accent → ink → accent-tint; на мобильных скрываются
Политика конфиденциальности
English version – mvpbistro.ru/en