29 lines
1.6 KiB
Markdown
29 lines
1.6 KiB
Markdown
# Дизайн-заготовка (фирменная палитра)
|
||
|
||
Готовые токены для фронта (агент D). Полная дизайн-система: `Base/_Inbox/Хакатон Medtech/Дизайн-система`.
|
||
|
||
## Применение
|
||
|
||
1. `tailwind.tokens.ts` → импортировать в `tailwind.config.ts`, разложить в `theme.extend`.
|
||
2. `globals.css` → переменные в `:root` (shadcn/ui).
|
||
3. Шрифт **Geologica** — `next/font` или `<link>` на fonts.bunny.net (веса 300–700).
|
||
|
||
## Шпаргалка
|
||
|
||
| | |
|
||
|---|---|
|
||
| Primary (CTA) | `#ff4713`, текст белый, `rounded-lg`, hover `#e63e0f` |
|
||
| Вторичный | `#6b788e` (t-gray) |
|
||
| Фон страницы / карточек | `#f3f4f6` / белый `rounded-2xl shadow-card` |
|
||
| Успех / ошибка | `#0f973d` / `#dc2626` (фон `#fbe9e9`) |
|
||
| Шрифт | Geologica (заголовки 600–700, текст 400) |
|
||
| Контейнер | `max-w-container` (1280px) |
|
||
|
||
## Ключевой компонент — таблица сравнения цен
|
||
|
||
- Шапка `bg-light-gray`, текст `t-gray` 600/14px.
|
||
- Строки белые, разделители `#ebedf0`, hover `bg-brand-soft`, цены вправо `tabular-nums`.
|
||
- Лучшая/нормализованная цена — бейдж `bg-brand text-white rounded-full`.
|
||
- Статусы нормализации: success `#0f973d` · конфликт `#dc2626` · «проверить» `#ff4713`.
|
||
- shadcn: `Table` + `Badge` (variants default=оранжевый / success / destructive) + TanStack `DataTable`.
|