Фундамент, палитры, типографика и библиотека компонентов в разных состояниях.
Базовые токены: цвета, поверхности, тени и состояния.
Токены определены в @snypr/ui/styles.css и подключены через Tailwind preset.
primary — var(--primary)secondary — var(--secondary)accent — var(--accent)success — var(--success)warning — var(--warning)danger (destructive) — var(--destructive)background — var(--background)foreground — var(--foreground)muted — var(--muted)border — var(--border)surface — var(--surface)surface-subtle — var(--surface-subtle)sidebar-background — var(--sidebar-background)sidebar-foreground — var(--sidebar-foreground)sidebar-accent — var(--sidebar-accent)sidebar-border — var(--sidebar-border)Современная брендовая палитра SnyPR с семантическими токенами и градиентами.
Основной брендовый цвет - глубокий профессионализм и авторитет.
Цвет акцента - точность, срочность и критические точки фокуса.
Вторичный цвет - глубина, надежность и профессиональный фокус.
Зеленая палитра для успешных операций, подтверждений и положительных состояний
Оранжевая палитра для предупреждений, важных уведомлений и привлечения внимания
Нейтральная палитра для чистого, профессионального фундамента.
Консистентная система отступов для гармоничных интерфейсов
Используем стандартную систему Tailwind CSS с множителем 4px для консистентности
p-pxp-0.5p-1p-1.5p-2p-2.5p-3p-3.5p-4p-5p-6p-7p-8p-9p-10p-12p-16p-20Как использовать отступы в реальных компонентах и интерфейсах
Описание секции с отступом mb-4 для разделения от контента
Текст с отступом mb-3
Шрифтовая иерархия и примеры размеров/начертаний.
Специальные заголовки с градиентами и иконками для акцентов и CTA блоков
Полная витрина компонентов и их состояния.
Варианты, размеры, состояния.
Различия между кнопками для действий и кнопками для навигации.
Кросс‑пакетные компоненты из библиотеки.
Реальные интерфейсы собранные из компонентов дизайн-системы
Полный интерфейс создания PR-кампании с формой, валидацией и предпросмотром
Сводка данных с метриками, графиками и интерактивными элементами
Кампании
24
+3 за неделю
Отправлено
12.4K
+1.2K за неделю
Открытия
68%
+5% за неделю
Конверсия
12%
+2% за неделю
| Название | Открытия | Статус |
|---|---|---|
| Запуск Alpha | 89% | Активна |
| Событие Beta | 76% | Черновик |
| Интервью CEO | 92% | Завершена |
Полнофункциональный интерфейс управления базой журналистов и медиа-контактов
Современный интерфейс настроек с группировкой, переключателями и предпросмотром
Дорожная карта развития дизайн-системы SnyPR
На основе Material UI
Из Mantine UI
Уникальные компоненты
Фокусируемся на компонентах, которые максимально ускорят разработку PR-функций