feat: API и веб-интерфейс — поиск, сравнение цен, экран верификации, загрузка архива
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
# Дизайн-заготовка (фирменная палитра)
|
||||
|
||||
Готовые токены для фронта (агент 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`.
|
||||
Reference in New Issue
Block a user