Сайт
Собираем статистику сайта — бывает до 20 секунд…
Видео
Здоровье
проверяем…
| Обложка | Название | Категория | Статус | Язык | Дата | Просм. | Глубина |
|---|
Добавить видео
Перетащите
видео илиВыбрать
видео илиВыбрать
Перетащите
WebP 16:9 илиВыбрать
WebP 16:9 илиВыбрать
| Обложка | Заголовок | Категория | Статус | Slug | Дата |
|---|
Добавить пост
Перетащите
WebP илиВыбрать
WebP илиВыбрать
SEO (необязательно)
по заголовку и телу RU — заполнит RU, EN и ES
| Дата | № | Клиент | Тип | Страна | Бюджет | Дедлайн | Позиции | Статус | Notion | Del. |
|---|
| Дата | № | Клиент | Тип | Источник | Сообщение | Статус | Notion | Del. |
|---|
| Дата | Клиент | Страна | Телефон | Заяв. | ОБР. | Статус | Подп. | ЛК | Notion | Del. |
|---|
| Дата | Название | Канал | Метка кампании | Лиды | Статус |
|---|
Это контакты из твоей базы (Supabase). Отправку и доставку писем здесь пока не видно — появится, когда начнём реально слать и подключим события.
| Каналы | Статус | Источник | Дата подписки |
|---|
Новая кампания
латиница, цифры, дефис
для рекламы — короткое имя; можно пусто
Контакты
Соцсети
Реквизиты
Cloudflare и Google Analytics считают разное. Cloudflare — весь трафик сайта (без cookie). Google Analytics — только посетителей, давших согласие на cookie, но с глубокой детализацией (источники, события, вовлечённость). Цифры не совпадают — это нормально.
Заявки и конверсия · за выбранный период
—
Динамика
Загружаю…
Топ страниц
Загружаю…
Источники трафика
Загружаю…
Топ стран
Загружаю…
Устройства
Загружаю…
Браузеры
Загружаю…
Операционные системы
Загружаю…
Скорость сайта · Core Web Vitals (P75)
Загружаю…
| Дата | Действие | Тип | ID записи | IP | User-Agent |
|---|---|---|---|---|---|
| Загружаю… | |||||
| # | Фото | Подсказка агенту | AI | Название RU | Подкатегория | Артикул | Материал | MOQ | Мера | LOGO | Описание RU | Опции RU | Название EN | Материал EN | Описание EN | Опции EN | SEO тайтл RU | SEO тайтл EN | SEO мета RU | SEO мета EN | Ключевые RU | Ключевые EN | Slug RU | Slug EN | Фабрика | Город | Тип уп. | Шт/уп | Шт/кор | Д, см | Ш, см | В, см | Объём, м³ | G.W., кг | N.W., кг | 1шт, г | 1шт+уп, г | Вал. | Базис | Цена MOQ | 3k | 5k | 10k | Цена LOGO | Упак. | Расчёт | Комменты по ценам | Видеообзоры |
|---|
+
Начни с первой строки
Фото можно перетаскивать прямо на строки · ⌘V — вставить из буфера
Тема оформления:
«Vampire Коралл» — по умолчанию
Единый источник дизайна админки: цвета, шрифты, размеры и моушн — всё отсюда. Меняешь токен здесь — меняется везде. :root в этом файле.
Акцент — плам
accent
accent-deep
accent-soft
sel-ink
sel-bar
toast-btn
действия · текущий выбор · индикаторы состояния (не декор). sel-bar — полоса «выбрано», toast-btn — кнопка в тосте
Поверхности
bg
surface
bg-elev
bg-warm
fill
surface-0
tint
фон страницы · карточки · панели · поля ввода. surface-0 — верхний слой (поле в фокусе), tint — база подмешивания светлых плашек
Границы
border
border-2
table-frame
table-line
рамки карточек/полей · линии таблиц (бледнее)
Текст
text
text-2
text-3
text-4
on-accent
text-strong
muted
muted-2
num
основной · вторичный · подписи · плейсхолдер · на залитом · text-strong (заголовки). Алиасы: muted→text-2, muted-2→text-3, num→text-2
Статусы
good-bg
warn-bg
bad-bg
err
warn
ok
good-ink
warn-ink
bad-ink
warn-ink (AA)
err-ink (AA)
sev-attn-bg
sev-attn-ink
sev-bad-bg
sev-bad-ink
lk-bg
lk-ink
star
семантика (лиды, здоровье, чипы) — фон+чернила парами. НЕ акцент UI. sev-* — светофор KPI «Товары», lk-* — статус ЛК фабрики, star — ★ основного варианта
Тени
float-1
float-2
--float-1 (карточки, покой) · --float-2 (наведение, поднятые)
Типографика
Заголовок страницыDM Sans · 24 / 300
Заголовок секцииDM Sans · 18 / 500
Основной текст интерфейса — читаемый размер по умолчанию.DM Sans · 15 / 400
Подпись поля / кнопкаDM Sans · 13 / 500
Мелкая подпись, вторичноеDM Sans · 12 / muted
MG001 · 1 100 · 2,80DM Mono · артикулы, числа
одна семья DM Sans (300–700) + DM Mono для чисел/кода. Кириллица — системная (self-hosted latin)
Размеры
9px
14px
999 (пилюля)
радиусы: 9 (мелкое) · 14 (карточки/поля) · 999 (пилюли, иконки-кнопки). Шаг отступов ≈ 8·12·16·22·32
Моушн
--ease cubic-bezier(.4,0,.2,1) · 150–250 мс · передаёт состояние, не декор · есть prefers-reduced-motion
Кнопки
.btn · .btn.ghost · .btn.danger · .tr-btn
Поля ввода
.formcard input · textarea · select
Таблица
| Артикул | Название | Цена |
|---|---|---|
| RW-001 | Штопор-рычаг | 1,20 |
| PR-014 | Пробка силиконовая | 0,35 |
| TH-097 | Термометр для вина | 2,80 |
table · th · td
Бейджи и статусы
Опубликован
В работе
Готово
Новый
ЛК: да
ЛК: нет
Источник A
Источник B
.tag.pub/.work/.done · .lk-yes/.lk-no · .src-N
Переключатель
.subtabs / .modeswitch (бегунок .segknob)
Выпадашка
window.cellSelect() → .cell-panel
Уведомление
toast() → #catToast
Модалка
window.uiConfirm()
Графики
Пример64
.an-bar · .st-lang-bar
Состояния кнопки
default · :hover · :focus-visible · :disabled (opacity .5). Наведи мышью или пройди Tab — состояния живые
Состояния поля и флажки
default · :focus · :disabled · ошибка. Флажок нативный (accent-color из токена — единый вид)
Заперты под вкладки → этап B
Тумблер, крошки, пагинация, иконки-кнопки сейчас стилизованы только внутри своих вкладок (#view-products, #mode-analytics) — вне их «голые». Чтобы витрина показывала их и они стали единым источником, вынесем в глобальные. Это и есть «навести порядок» из этапа B.