Bark style, ready for products and AI agents
A compact source of truth for Bark product styling: tokens, logo rules, PWA assets, GitLab setup, and products from barkone to barkhr, barkledger, and barkstock.
Добрый вечер, Владимир
| Сервис | Статус | Отклик |
|---|---|---|
| Арр-сервер | работает | 846 мс |
| БД-сервер | доступна | 28 мс |
Файл появился в разделе «Экспорт».
Страница `24px 32px 40px`, секции через 24px, сетки через 16px; панель 20px (`--dense` 12×16); таблицы 44/36px. Идентичность — блок в футере сайдбара (фото из SSO + имя + email + иконка «Выйти», ниже слева); в шапке аватара нет. Тулбар фильтров 32px с чипами, пагинация 25/50/100 с mono-счётчиком, единый toast (ok/info 5s · warn 8s · bad до закрытия). Спека: STYLE_GUIDE §Page shell & density + COMPONENT_RULES.
Page shell & identity
Pinned density, page header, the sidebar user block as the single identity point, filters, pagination, toasts.
Rules for humans
Visual language, typography, naming, product variants, UI tone, and copy constraints.
Tokens for code
Colors, fonts, radius, product names, and base design values in a structured format.
Inheritance contract
What every product must inherit, what may adapt, and what is blocked.
Prompt for AI
A strict prompt that preserves the real interface and blocks invented UI, data, and flows.
Component rules
Loaders, SSO Avatar, footer logout, allowed charts, modals, and form-field states.
SSO employee photo
Direct session picture, existing Avatar, initials fallback, CSP, and signed-URL lifecycle.
Data formats
МСК everywhere, ДД.ММ.ГГГГ, 24h, comma decimals, ₽ with kopecks, relative-time and duration ladders.
Interface audit
Resolved ambiguities and the next decisions that still need ownership.
