Раздел 03
Цвет
Янтарь — единственный UI-акцент. Тёмная тема основная, светлая — для документов и PDF.
Тёмная тема · основная
Canvas
Фон страницы
#0A0A0B · --canvas
Surface
Карточки, панели
#101012 · --surface
Elevated
Приподнятые элементы
#141416 · --elevated
Border
Тонкие границы
#1F1F23 · --border
Text
Основной текст
#F4F4F5 · --text
Text Dim
Вторичный текст
#A1A1AA · --text-dim
Светлая тема · документы и PDF
Canvas
Тёплый оффвайт
#FAFAF9 · --canvas
Surface
Карточки
#FFFFFF · --surface
Border
Тонкие границы
#E7E5E4 · --border
Text
Основной текст
#1C1917 · --text
Text Dim
Вторичный текст
#57534E · --text-dim
Янтарная шкала · акцент
900
#451A03
700
#92400E
600 · deep
#D97706
500 · base
#F59E0B
400 · bright
#FBBF24
Статусные цвета
Только для семантических состояний систем и процессов. Никогда — как UI-акцент.
Success
healthy, running
#10B981 · --status-success
Warning
degraded
#F97316 · --status-warning
Error
crash, down
#EF4444 · --status-error
Info
deploying
#3B82F6 · --status-info
$ kubectl get pods
api-gateway Running
payment-service Running
search-indexer Degraded
legacy-worker CrashLoop
analytics-sync Deploying
Правила
DO
Янтарь — только акцент
CTA, ссылки, ключевые числа. Никогда как фон блока.
DON'T
Не вводить второй цвет
Один акцент = одна система. Статусы — только для систем.
DO
Контраст ≥ 7:1 для текста
Основные комбинации проходят WCAG AAA.
DON'T
Янтарь на белом
#F59E0B на белом — низкий контраст. На светлом — #D97706.