medtech-hackathon/design/README.md

Дизайн-заготовка (фирменная палитра)

Готовые токены для фронта (агент 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.