Так выглядит Flow.
Правила использования логотипа, цветов, шрифтов и текста для всех, кто работает с брендом — внутри команды, в партнёрствах, в коллаборациях.
Манифест
Ты крутой оператор.
Ты снимаешь, монтируешь, ездишь на встречи, ведёшь переговоры с брендами.
И параллельно ты — менеджер по продажам, бухгалтер, юрист и проджект-менеджер. Просто потому что иначе не получится.
Мы знаем это, потому что сами оттуда.
Flow — это инструменты, которые забирают у тебя всё, что не съёмка. Чтобы ты делал то, что любишь.
Манифест — эмоциональная подложка всего, что дальше. Из него растёт и текст, и визуал.
Как мы говорим
Спокойный профессионал из индустрии, который уважает время читателя. Не корпоративно, не панибратски, не выпендрёжно.
5 принципов
- 01Конкретика вместо общих слов. «Сметы за 3 минуты вместо 30», а не «ускоряем процессы».
- 02Короткие фразы. Одна мысль на абзац. Можешь убрать слово без потери смысла — убери.
- 03«Ты», без отчества. Аудитория — твои ровесники. Исключения: партнёрские письма и юр.документы — «вы».
- 04Понятные ошибки. «Email указан неверно», а не «Validation error».
- 05Без эмодзи в UI. Никогда в кнопках, заголовках, навигации. В соцсетях — максимум 1-2 на пост.
Примеры
Запретные слова
| ✕ Не пишем | ● Пишем |
|---|---|
| Уважаемый клиент | Привет / Если коротко |
| Бизнес-процессы | Работа / Проекты |
| Оптимизация | Чтобы не тратить вечер |
| Инновационное решение | Инструмент |
| Передовые технологии | Просто работает |
| Эффективность | Время, деньги, нервы |
| Синергия / экосистема | Один аккаунт со всеми инструментами |
| Не имеющий аналогов | (вообще не пишем) |
| Цифровая трансформация | (вообще не пишем) |
Что Flow есть и чем не является
- Тёмное — чёрный фон, тёмные карточки, белый/серый текст
- Кинематографичное — слейт-маркеры, выдержанные пропорции, отсылки к кино
- Минималистичное — много воздуха, мало визуального шума, чёткие сетки
- Premium — типографика как главный элемент, не картинки и иконки
- Узнаваемое — один жёлтый акцент на 90% чёрного
- Дешёвое / generic SaaS со стоковыми иллюстрациями
- Цветное и многоцветное с фиолетовыми градиентами
- Glassmorphism / blur-эффекты без причины
- Закруглённое везде (radius максимум 8-12px)
- С эмодзи в UI — никогда
- AI-generic 3D-рендеры (объёмные шары, fluid-формы)
Логотип
Буква «F» с тремя горизонтальными полосами и характерным вырезом снизу. Знак работает отдельно — может стоять без слова.
Два варианта
Хедер сайта, обложки питч-деков, фирменный бланк — везде, где есть место.
Favicon, иконка приложения, аватарка в соцсетях, водяной знак на видео.
На разных фонах
Минимальный размер и поле
24×24px для знака, 80×24px для знак + слово. Меньше — полосы плывут.
Минимальный отступ вокруг = высота одной полосы в букве «F» (≈ ⅙ высоты знака). В этом поле — ни текста, ни графики.
Чего НЕЛЬЗЯ делать
Цвета
Один жёлтый акцент на 90% чёрного. Не размывать — один акцент работает сильнее десяти.
Основные
Дополнительные
Типографика
Три семейства. Типографика — главный визуальный элемент бренда, важнее картинок и иконок.
Лёгкие веса 300-500. Узкий межстрочный, отрицательный letter-spacing.
Веса 400 (regular) и 500 (medium). Body 16-17px, line-height 1.5-1.6.
Только для слейт-маркеров, метаданных и code-стиля элементов.
Иерархия размеров
Слейт-маркеры
Узнаваемый Flow-приём, копирующий кинослейт. Маркируем секции, шаги, состояния. Формат: жёлтый символ + mono-капс с буквенно-цифровой меткой.
- Символ — `●` (по умолчанию), `■` или `▲` для разных типов секций
- Размер — 10-11px, mono-шрифт, uppercase, tracking 0.18em
- Цвет символа — жёлтый акцент, текст — серый
- Структура — короткое слово + число + раздел через `·`
Графические элементы
Минимальный набор узнаваемых элементов, который собирает любой макет в Flow-стиль.
Жёлтая точка
Маркер списка, начало слейт-маркера, акцент. Один из главных визуальных приёмов.
Middle dot · разделитель
Соединяем метаданные через `·` с пробелами вокруг. Никогда не `|` или `—`.
Пилюля-бейдж
Жёлтая плашка с моноширинным капсом — для меток (DEMO, BETA, NEW). Только короткие слова до 6 символов.
Цветной бордер слева
Для блоков-предупреждений, важных заметок. 2px, жёлтый или красный.
Что обещаем и что нет
Пять messaging-pillars. Из этого набора собираются все материалы — посты, реклама, питчи.
Сделано изнутри индустрии
Mike сам оператор-постановщик. Flow родился из его боли, а не из «давайте найдём нишу под SaaS».
Под казахстанскую специфику
Тенге, упрощёнка, Kaspi, контакты с местными подрядчиками. Зарубежные сервисы дорогие и не учитывают это.
Всё в одном
Вместо Trello + Google Sheets + Notion + 1С + календарь Apple — один Flow.
Бесплатно на старте
Без банковской карты, без trial-периода с автосписанием, без обрезанного функционала. Просто работает.
Premium-эстетика
Тёмная кинематографичная тема, типографика. Видеограф работает в инструменте, который тоже про эстетику.
Что НИКОГДА не обещаем
Этих фич сейчас нет — и в ближайшее время не будет. Если в посте, рекламе или презентации упоминается что-то из списка — это галлюцинация, переписать.
- ✕ Многопользовательский доступ — только одиночный аккаунт
- ✕ Мобильное приложение — пока только адаптивный сайт
- ✕ Интеграция с Kaspi API — пока ручной ввод
- ✕ AI-ассистент — не планируем
- ✕ Полная замена бухгалтера — Flow даёт данные, но не подаёт декларации
- ✕ Бесконечная бесплатность — платные тарифы будут
В разных форматах
Все элементы вместе — на типовых носителях.
Сметы за 3 минуты вместо 30.
Шаблоны под рилс, корпоратив, клип. Клиент согласовывает по ссылке без регистрации.
Welcome-флоу для нового юзера
экономит Flow в среднем на одного видеографа
Использование и контакты
Хочешь использовать логотип Flow в своих материалах, упомянуть в статье, сделать коллаборацию? Сначала — напиши.
Что НЕЛЬЗЯ без согласования
- Использовать логотип Flow в своих коммерческих материалах
- Размещать Flow в подборках «лучшие сервисы», сравнениях, рейтингах
- Делать сайты, продукты или сервисы, визуально имитирующие Flow
- Использовать имя Flow в названии продуктов, доменах, аккаунтах
Документ живой — обновляется по мере того как появляются новые приёмы и форматы. Все правки фиксируются в git-истории проекта.