TabSpace Enterprise Design System
Единый кодекс визуальной идентификации, архитектурных дизайн-токенов, прецизионной типографики, физического мерча и мульти-юрисдикционных интерфейсов корпоративной экосистемы.
Платформа и ДНК бренда
Фундаментальные ценности, миссия, позиционирование и правила вербальной коммуникации с аудиторией экосистемы.
🎯 1.1. Миссия и видение
Миссия: Превратить операционную рутину розничных сетей, логистических хабов, фармсетей и промышленных предприятий в прозрачный, мотивированный и высокотехнологичный процесс через сквозную автоматизацию смен, инвентаризацию активов и мгновенное финансовое признание заслуг каждого сотрудника.
Видение: Стать отраслевым стандартом корпоративных платформ нового поколения, объединяющих строгий юридический комплаенс (152-ФЗ / 63-ФЗ), математическую надежность двойной бухгалтерской записи и геймификацию линейного персонала.
👑 1.2. Архетип и фундаментальные ценности
Архетип бренда: Создатель (The Creator) + Правитель (The Ruler). Инженерное совершенство микросервисов в сочетании с гарантией защиты прав сотрудников и суверенных данных компании.
- Zero-Trust Reliability: Неизменяемость балансов TabCoins и аудит-логов.
- Operational Velocity: Решение задач в 1 тап и скан за 80 мс.
- Data Sovereignty: Полная локализация персональных данных в РФ.
🗣️ 1.3. Матрица тональности бренда (Tone of Voice)
Бренд говорит профессионально, уверенно и вдохновляюще, адаптируя подачу под статус пользователя:
| АУДИТОРИЯ | ХАРАКТЕР | ЭТАЛОННАЯ ФРАЗА | НЕДОПУСТИМО |
|---|---|---|---|
| Линейный персонал | Дружелюбный, поддерживающий, фокус на награде. | «Смена #4102 сдана со 100% SLA! Начислено +150 TC в кошелек». | «Транзакция пула зафиксирована в леджере». |
| Управляющие точек | Деловой, предиктивный, предупреждающий риски. | «В пик 18:00 прогнозируется дефицит 2 кассиров. Выставить на биржу подмен?» | «У вас мало людей, разберитесь сами». |
| C-Level & Инвесторы | Стратегический, с акцентом на ROI, ФОТ и безопасность. | «AI-ростер снизил расходы на ФОТ на 14.18% при нулевых переработках по ТК РФ». | «Мы обновили дизайн расписания». |
| Алерты и безопасность | Категоричный, точный, исключающий двусмысленность. | «ОШИБКА ГЕОФЕНСИНГА: Вы вне периметра магазина (340 м). Чек-ин заблокирован». | «Что-то пошло не так, попробуйте позже». |
Логотип и фирменная символика
Анатомия монограммы «T», геометрическая конструкция знака, охранное поле и правила компоновки.
- Охранное поле со всех сторон строго равно 1X (высота знака «T»).
- Использование официального изумрудного градиента на темном фоне
#090D16. - Применение монохромной инверсии на белых официальных бланках и документах КЭДО.
- Минимальный размер знака в UI: 24 px, в полиграфии: 8 мм.
- Деформировать, вытягивать по вертикали или сжимать пропорции монограммы «T».
- Заменять официальный изумрудный цвет произвольными радужными градиентами.
- Размещать цветной знак на пестром, низкоконтрастном или шумном фоне без подложки.
- Добавлять посторонние эффекты размытия или тяжелые падающие тени (>15px).
Цветовая система (Deep Cyber)
Стандарт «Deep Cyber Contrast» (WCAG 2.1 AAA с контрастностью до 14.2:1). Кликните на любую плашку для мгновенного копирования HEX-кода в буфер обмена.
3.1. Основная палитра бренда (Brand Core)
3.2. Мотивация TabCoins и Казначейство
3.3. Мульти-юрисдикции и Отраслевые пресеты
:root {
--brand-emerald-500: #10B981; /* Главный CTA & Акцент */
--brand-emerald-400: #34D399; /* Ховер и внешнее свечение */
--brand-dark-base: #090D16; /* Базовый холст Deep Cyber */
--brand-surface-900: #0F172A; /* Карточки дашборда Level 1 */
--brand-surface-800: #1E293B; /* Инпуты и контролы Level 2 */
--tabcoins-gold: #F59E0B; /* Золото кошелька TabCoins */
--compliance-ru: #0284C7; /* 152-ФЗ РФ и штамп КЭДО */
--preset-pharma: #06B6D4; /* Фарма холодовая цепь 2–8 °C */
--preset-construct: #EA580C; /* Строительство СП 63.13330 */
--preset-ecom: #8B5CF6; /* E-Commerce дарксторы */
}
Типографическая система
Иерархия шрифтов Inter и JetBrains Mono. Протестируйте масштабирование живого текста в интерактивном тренажере ниже:
⌨️ Интерактивный тренажер масштаба шрифтов
Интерфейсная дизайн-система
Готовые интерактивные компоненты корпоративной платформы с микро-анимациями и состояниями.
Кнопки и контролы действий
Статусные чипы & Бейджи
🪙 Кошелек TabCoins
LEDGER VERIFIEDИнвариант двойной записи: DEBIT (Казначейство) = CREDIT (Сотрудник)
Отраслевая айдентика (6 пресетов)
Динамический движок `Industry Presets Engine` адаптирует визуальные акценты, ролевую модель и критерии сдачи смен под конкретную отрасль заказчика:
🏪 Сетевой ритейл
RETAILСупермаркеты, дрогери, ритейл-хабы. Фокус на выкладке, ротации скоропорта и кассовом обслуживании.
💊 Сеть аптек & Фарма
PHARMAАптечные пункты и фармсклады. Автоматический контроль СанПиН 3.3686-21 и холодовой цепи 2–8 °C.
🏭 Крупное предприятие
ENTERPRISEЗаводы, цеха, ГОК. Сменные графики 2/2 и день/ночь/48. Выдача СИЗ, наряды-допуски, ст. 222 ТК РФ.
🏗️ Стройка и девелопмент
CONSTRUCTIONСтроительные площадки и генподрядчики. Оценка скрытых работ по СП 63.13330.2018 и акты АОСР.
📦 E-Commerce & Логистика
E-COMMERCEФулфилмент-центры, дарксторы и службы курьерской доставки. Скан штрихкодов ТСД, учет выработки.
🌐 Универсальный бизнес
UNIVERSALСфера услуг, клининг, рестораны, коворкинги. Гибкая смена чек-листов и учет отработанных смен.
Физический брендинг, оборудование и мерч
Аппаратный комплекс ПАК TabSpace Box Appliance, защитные шильдики оборудования и корпоративные награды TabShop.
Серверный модуль On-Premise
Анодированный алюминий Deep Carbon (#0F172A), лазерная гравировка монограммы «T». Светодиодная индикация статусов: PWR, AIR-GAP, LATENCY <50MS, TAMPER ALERT.
ГОСТ 31282-2004SN: ING-2026-RF-01 • VOID IF REMOVED
Защитные QR-шильдики VOID
Металлизированный полиэстер 50 мкм с саморазрушающимся слоем. Проявление скрытого рисунка «VOID» при попытке несанкционированного отрыва с оборудования или ТСД.
ТАМПЕР-ЗАЩИТАУмный пропуск сотрудника
Soft-Touch композит с алюминиевым контуром. Чип NTAG216 для бесконтактного чекина на смену и авторизации на мобильных терминалах за 40 мс.
NFC NTAG216Аудио- и тактильный брендинг
Звуковая и тактильная обратная связь для сканеров и мобильных устройств (Web Audio API). Нажмите кнопку для воспроизведения эталонных тонов:
Легкий подтверждающий импульс при успешном считывании.
Восходящий золотой перелив при подтверждении закрытия смены.
Плотный благородный аккорд при наложении электронной подписи.
Сигнал при нарушении геозоны или дефиците персонала смены.
White-Labeling & Сертификация
Кастомизация корпоративного стиля заказчика через REST API и гарантия неизменяемости криптографического ядра.
⚙️ Динамический White-Labeling (API)
Платформа поддерживает горячую замену корпоративных стилей холдинга без перекомпиляции через GET/PUT /api/v1/branding:
{
"company_name": "Холдинг Ритейл Групп",
"primary_color": "#10B981",
"accent_color": "#34D399",
"border_radius": "10px",
"dark_mode_forced": true,
"custom_css": ":root { --brand-ring: #10B981; }"
}
⚖️ Юридический статус и Реестр ПО
Программный комплекс TabSpace Enterprise соответствует требованиям ГОСТ 34.602, ГОСТ 19.503 и нормам информационной безопасности РФ:
- 152-ФЗ Immutable Lock: Аппаратная защита ФИО, даты рождения и СНИЛС от модификации.
- 63-ФЗ КЭДО: Полная легитимность Простой Электронной Подписи с фиксацией IP, NTP и SHA-256.
- ПП РФ № 1236: 100% независимость от иностранных облачных сервисов (Zero Cloud Exfiltration).