Design System · код
Компоненты IRONFOX
Токены и компоненты из Figma «06 — Design System». Сверяем эту страницу с Figma перед сборкой страниц.
Цвета
bg-base
bg-surface
bg-elevated
border-default
border-strong
text-primary
text-secondary
text-muted
accent-default
accent-hover
accent-pressed
status-positive
status-negative
status-warning
Типографика
t-displayDisplay 56
t-h1H1 44
t-h2H2 32
t-h3H3 22
t-body-lBody L 18
t-bodyBody 16
t-body-sBody S 14
t-labelLABEL 12
t-captionCaption 12
t-data-xl$12,50
t-data$6,25
Кнопки
Бейджи
Учебные данныеРеальный кейсDemoАктивноПринятоНа доработкуЗакрыто
Вкладки и поля
$
Сколько потрачено на кампанию
$
Введи число больше нуля
Метрики
CPMⓘ$6,00
CTRⓘ0,8%узкое место
CPC$0,38▼ было $0,75
CPL$12,50▲ +$6,50 к выплате
Все цифры на этой странице — учебные.
Карточки
Telegram-канал
Канал на русском
Разборы, термины, задачи на метрики каждую неделю.
Результат$8,33
Ниже выплаты на $1,67 — в плюсе