YTUVIE · дизайн-система курса

Палитра и шрифты

Полная палитра сайта курса «Лаборатория AI-контента» из ТЗ сайтов: каждый цвет с ролью дословно. Источник истины — YTs/YTUVIE/preprod_profile.json → design; раскладки 4K берут те же токены (layouts_uvie.TOK), страницы — html_kit :root.
37цветов
7групп
2шрифта
✅сверка профиль · страница · код

Основа (светлая)

#F2F3F1
фон страницы
bg
#FAFAF9
карточки
card
#E0E1DE
плашки, бейдж даты, серые элементы
plate
#CFD1CD
рамки полей, неактивные элементы
field_border
#DEDFDB
тонкие линии, разделители
line
#BFC1BC
рамка светлой кнопки при наведении
btn_hover_border

Текст

#16181C
основной текст
ink
#5A5E65
второстепенный текст, подписи
sec
#9BA0A6
плейсхолдеры в полях
ph

Графит (тёмные блоки, кнопки, таймер)

#23262B
тёмная кнопка, тёмные блоки
g
#2C3037
карточки внутри тёмных блоков, форма в финале
g2
#121418
тёмная кнопка при наведении
g_hover
#363B44
ячейки таймера в тёмном блоке
timer_cell
#3A3F47
линии внутри тёмных блоков
gline
#454A53
рамки полей в тёмной форме
dark_field_border
#5A6069
точки списка в тёмном блоке
dark_bullet
#1B1E23
поле ввода в тёмной форме
dark_field
#20242A
поле ввода в тёмной форме при фокусе
dark_field_focus
#8C939C
рамка поля в тёмной форме при фокусе
dark_field_focus_border
#6E747D
плейсхолдер в тёмной форме
dark_ph

Текст на тёмном

#FFFFFF
заголовки
on_title
#F4F5F3
текст на кнопках и в тёмных блоках
on_btn
#D6DAE0
основной текст на тёмном
ontext
#A5AAB2
второстепенный текст на тёмном
onsec
#8D939B
подписи, мелкий текст на тёмном
oncap

Акцент

#FFC03A
янтарный: точка в бейдже, линия таймера, субтитры в макете
amber

Подарок (карточка «Магия воронки»)

#FFF6E0
фон
gift_bg
#EBCF8E
рамка
gift_border
#8A6A16
заголовок
gift_title
#6B5B36
текст
gift_text

Макет HeyGen (цветной кадр)

#1B1C22
подложка
hg_bg
#7A3CFF
фиолетовый
hg[0]
#FF4F7B
розово-красный
hg[1]
#FF6B9A
розовый
hg[2]
#FFB347
оранжевый
hg[3]
#5B7CFF
синий
hg[4]
#2EE6C5
бирюзовый
hg[5]

Шрифты

Onest
основной
Контент-завод для вашего бизнеса · 0123456789
JetBrains Mono
подписи, цифры, метки
Контент-завод для вашего бизнеса · 0123456789

Правила

✅ Сверка: все цвета страницы есть в профиле канала и в коде раскладок; лишних нет.

Источники