Futura
Brand Guidelines · v1.1 · 2026

Futura

AI · Platform · Design System

Единый стандарт для бренда, интерфейсов и контента.
Визуальный язык, документные шаблоны и правила выпуска.

00 · Content system

Один язык для всех носителей

Брендбук описывает не только внешний вид Futura, но и то, как собирать из него сайт, статью, урок, PDF, схему и рабочий интерфейс. Ниже — карта стандарта, к которой можно возвращаться при создании нового материала.

02 · Positioning

Кто мы

Миссия

Рассказывать об ИИ понятно и помогать начать применять его — без хаоса и потери времени.

Для кого

Специалисты и продвинутые пользователи, которые хотят быть в курсе актуальных AI-инструментов.

Ощущение

Технологичный, но дружелюбный. Помогает разобраться — не пугает. Современный, но доступный.

04 · Colors

Цветовая палитра

Violet Primary
#7C6BFF
Gradient
#7C6BFF → #00D4FF
Cyan
#00D4FF
Violet Light
#A398FF
Background
#04040E
Surface 1
#07071A
Surface 2
#0D0D28
05 · Typography

Типографика

H1
Заголовок страницы
DM Sans 800
Body
Основной текст интерфейса и статей.
DM Sans 400
Label
ТЕХНИЧЕСКАЯ МЕТКА
Share Tech Mono
06 · Graphics

Графический язык

Пунктир
Углы
Пинг
07 · Components

UI Компоненты

Violet BadgeCyan BadgeSuccess
08 · Content formats

Форматы контента

Один визуальный язык должен одинаково хорошо работать в продукте, в образовательном материале и в экспортируемом документе. Меняется плотность и композиция, но сохраняются токены, ритм, подписи и логика акцентов.

Web / Product

Сайт и интерфейс

Навигация, карточки, формы и состояния. Приоритет — ясное действие и быстрый визуальный сигнал.

ARTICLE / 06 MIN

Как устроен продукт

Короткий вход, ясная структура, один главный вывод и ссылки для следующего шага.

Editorial / Article

Статья и пост

Редакционный ритм: заголовок, лид, смысловые блоки, цитата, схема, источники и CTA.

УрокRESULT / PRACTICE
Education / Lesson

Урок и методичка

Результат ученика, объяснение, диаграмма, практика, критерий качества и следующий шаг.

Export / PDF

PDF и one-pager

Ограниченная площадь, сильная обложка, короткие блоки, колонтитулы и безопасная печать.

09 · Document system

Анатомия любого документа

Документ Futura начинается не с декоративной обложки, а с понятного результата. Каждый материал должен позволять быстро ответить на три вопроса: что это, зачем читать и что сделать после.

Futura / Methodology / v1.0

Клиент и сервер

Короткое определение темы, которое помещает читателя в контекст и задаёт границы разбора.

RESULT12 MINMANAGER LEVEL
Главная мысль. Клиент просит, сервер обрабатывает и возвращает результат.
01
Контекст и результатНазвание, уровень, длительность, доступ и конкретный итог для читателя.
02
Короткий входЛид или executive summary без лишней терминологии и декоративного вступления.
03
Основные блокиОпределение, схема, пример, нюанс и практический способ проверить понимание.
04
Справка и действиеГлоссарий, источники, чеклист, задание или следующий материал.
05
Версия и доступДата обновления, автор, статус, уровень доступа и ссылка на исходник.
Reference / Glossary

Словарь терминов

APIКонтракт взаимодействия.
ServerОбрабатывает запрос.
ClientЗапрашивает результат.
Callout / Insight

Вынос главного

Не нужно запоминать термин. Нужно понимать, какое решение он помогает принять.
Code / Prompt

Технический фрагмент

request → processing → response
status: 200 / success
Table / Compare

Сравнение

СлойРоль
ClientЗапрос
ServerЛогика
Steps / Practice

Пошаговое действие

Собрать первый пример
Проверить результат
Зафиксировать вывод
Media / Diagram

Визуальный ряд

Скринкаст, схема, диаграмма или анимация — всегда с подписью, которая объясняет, что именно нужно увидеть.

10 · Diagrams

Схемы и визуализация

Диаграмма Futura должна сокращать путь к пониманию. Один главный поток, ограниченное число цветов, короткие подписи и заметный результат на выходе. Для исходников используем Mermaid, а для презентационных схем — тот же язык форм и цветов.

Пример схемы FuturaПользователь отправляет запрос клиенту, клиент обращается к серверу, сервер возвращает результат.ПользовательINPUTКлиентREQUESTСерверRESULT
flowchart LR
  User --> Client
  Client --> Server
  Server --> Result
Фиолетовый — субъектЧеловек, идея или исходная точка действия.
Cyan — взаимодействиеЗапрос, переход, API или передача данных.
Зелёный — результатСостояние успеха, готовый ответ или проверенный эффект.
Rule

Если схему нельзя объяснить одним предложением, её нужно разделить на несколько уровней.

11 · UI states

Состояния интерфейса

Интерфейс не должен молча менять состояние. Любое действие получает понятный визуальный ответ: что происходит, что получилось и что делать при проблеме.

Default / Action
Disabled / Loading
НедоступноЗагрузка…
Feedback / Status
Сохранено
Нужна проверка
Ошибка
Progress / Completion

64% · следующий шаг — проверить результат

Focus / Input
Empty / Guidance

Здесь пока ничего нет. Добавьте первый материал, чтобы начать работу.

12 · Publishing

Адаптивность и экспорт

Шаблон считается готовым, только если он одинаково предсказуемо выглядит на широком экране, на телефоне и на бумаге. Сначала проверяется содержание, затем — плотность и переносы.

RELEASE CHECKHTML · PDF · Mobile · PrintИсточник: Markdown + MermaidВерсия и дата обязательны
13 · Guidelines

Правила применения

Короткий редакторский и визуальный чеклист. Он нужен, чтобы новые материалы оставались частью одной системы даже тогда, когда их собирают разные люди.

Содержание

  • Есть один ясный результат материала.
  • Термины объяснены на нужном уровне.
  • Каждый блок ведёт к следующему шагу.
  • Источники и версия не потеряны.

Композиция

  • Один главный акцент на экран.
  • Сетка и отступы повторяются.
  • Схема не перегружена цветом.
  • Длинный текст разбит на смысловые блоки.

Технология

  • Сначала Markdown, потом HTML или PDF.
  • Диаграммы хранятся как Mermaid или SVG.
  • Есть мобильная и печатная проверка.
  • Доступность не зависит только от цвета.
✓
Используем систему как конструкторБерём готовые блоки и меняем содержание, а не изобретаем новую визуальную механику для каждого документа.
×
Не превращаем брендбук в склад случайных макетовКаждый новый пример должен показывать повторяемое правило и иметь понятное место в общей системе.