Шапка — ArgHeader
Универсальный компонент сайтовой шапки: слоты logo / nav / actions, навигация через links или кастомный слот, поддержка link-component для роутера.
Метка секции — ArgSectionLabel
Паттерн подписи секции лендинга: mono, uppercase, hairline. Три варианта — bar (центральная линия), split (лейбл слева / badge справа), leading (лейбл + короткая линия).
Цветовая палитра
Все цвета берутся из CSS-переменных @argco/tokens и автоматически инвертируются в тёмной теме.
Surfaces
Background
--argco-bgElevated
--argco-bg-elevatedMuted
--argco-bg-mutedForeground
Default
--argco-fgStrong
--argco-fg-strongMuted
--argco-fg-mutedSubtle
--argco-fg-subtleBorders & Accent
Border
--argco-borderBorder subtle
--argco-border-subtleAccent
--argco-accentAccent hover
--argco-accent-hoverSemantic
Success
--argco-successSuccess soft
--argco-success-softWarning
--argco-warningWarning soft
--argco-warning-softDanger
--argco-dangerDanger soft
--argco-danger-softТипографика
Шкала размеров, семейства шрифтов и насыщенности.
Type scale
xs Единый стиль ARGCO — Aa Bb Cc 123 sm Единый стиль ARGCO — Aa Bb Cc 123 base Единый стиль ARGCO — Aa Bb Cc 123 lg Единый стиль ARGCO — Aa Bb Cc 123 xl Единый стиль ARGCO — Aa Bb Cc 123 2xl Единый стиль ARGCO — Aa Bb Cc 123 3xl Единый стиль ARGCO — Aa Bb Cc 123 Font families
--font-sans
Inter — основной текст
--font-mono
JetBrains Mono — код 0123
Weights
Бейджи — UiBadge
Формы — UiInput, UiSelect
Поля ввода, выпадающие списки, textarea и состояние ошибки.
Поле не может быть пустым
Карточки — UiCard, UiStatCard
Заявок за месяц
128
Конверсия
4.2%
Выручка
1.2M ₽
Заголовок карточки
Контент внутри UiCard с токенизированными отступами и радиусом панели.
Таблицы и пагинация — UiTable, UiPagination
| Название | Статус | Сумма | |
|---|---|---|---|
| Заявка №1024 | Новая | 12 500 ₽ | |
| Заявка №1025 | Готово | 8 200 ₽ | |
| Заявка №1026 | Новая | 44 000 ₽ |
Пока ничего нет
Создайте первую запись, чтобы она появилась здесь.
Оверлеи и контент — UiModal, MarkdownContent
Заголовок документа
Абзац с жирным текстом, ссылкой и inline code.
- Первый пункт списка
- Второй пункт списка
Цитата из дизайн-системы.
Импортированные компоненты
Перенесены в @argco/ui из бизнес-приложений и адаптированы под токены. Бейдж показывает исходный контекст.
Landing Components
Кинетические компоненты лендингов из apps/argco и apps/forgd, мигрированные в @argco/ui. Используют design-токены и GSAP-анимации. Оберните в .forgd-landing для тёмной темы.
Кастомные диски из единой поковки. Каждая кривая просчитана под геометрию.
БРИФ И СПЕКА
Детальный бриф: шасси, вылет, разболтовка, целевой вес.
СКЕТЧ И ДИЗАЙН
Эскиз, 3D-моделирование и FEA-оптимизация.
КОВКА И ПОКРЫТИЕ
Дробеструй, анод, порошок по вашему сценарию.
ТЕСТ И ВЫПУСК
Тест JWL, радиальная нагрузка, финальный осмотр.
Расскажите, что задумали. Остальное сделаем мы.
Шесть проектов. Шесть характеров.
