AR 15 M4
5105310c92
Инфраструктура: - pnpm workspaces monorepo (apps/web, apps/api, packages/) - docker-compose.yml: PostgreSQL 16 - .env.example: DATABASE_URL, API_PORT, NEXT_PUBLIC_API_URL Backend (apps/api — NestJS 11): - Инициализирован NestJS с pnpm - Prisma 7 + prisma.config.ts подключен к PostgreSQL - Схема: User (role: viewer/editor), ExperimentalComponent (status: draft/review/approved) Frontend (apps/web — Next.js 16): - App Router, TypeScript, Tailwind CSS 4, Fira Sans (Google Fonts) - globals.css: CSS-токены бренда (цвета 053M–080M, шрифты) - layout.tsx: корневой layout с боковой навигацией - Sidebar.tsx: навигация по всем разделам (Фундамент, Компоненты, Блоки, Страницы, Оффлайн, Эксперименты) - page.tsx: редирект → /foundation/logo - /foundation/logo: полная страница «Логотип» - Иерархия и версии (Основной / Общий) - Цветовые варианты (основной, инвертированный, на форме) - Охранная зона с визуализацией - Таблица минимальных размеров (форма сотрудников) - Недопустимые варианты (6 правил) - Блок скачивания (placeholder до получения вектора) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
45 lines
1.7 KiB
CSS
45 lines
1.7 KiB
CSS
@import "tailwindcss";
|
|
|
|
/* ─── Бренд-токены О!Клиника ─────────────────────────────────────────── */
|
|
/* Цвета уточняются в Sprint 2 по таблице Oracal */
|
|
:root {
|
|
/* Фирменные цвета (приблизительно — уточнить в Sprint 2) */
|
|
--brand-053m: #7ecfca; /* Основной бирюзовый (Oracal 053M) */
|
|
--brand-073m: #5b7b87; /* Тёмный серо-голубой (Oracal 073M) */
|
|
--brand-066m: #5bb5ad; /* Средний бирюзовый (Oracal 066M) */
|
|
--brand-050m: #1b4c72; /* Тёмно-синий, наружная реклама (Oracal 050M) */
|
|
--brand-081m: #c4a882; /* Бежевый (Oracal 081M) */
|
|
--brand-080m: #5c2e0e; /* Тёмно-коричневый (Oracal 080M) */
|
|
--brand-white: #ffffff;
|
|
|
|
/* UI-цвета брендбука */
|
|
--bb-sidebar-bg: #f8f9fa;
|
|
--bb-sidebar-border: #e5e7eb;
|
|
--bb-sidebar-text: #374151;
|
|
--bb-sidebar-text-muted: #6b7280;
|
|
--bb-sidebar-active-bg: #e0f5f4;
|
|
--bb-sidebar-active-text: var(--brand-053m);
|
|
--bb-sidebar-section: #9ca3af;
|
|
--bb-content-bg: #ffffff;
|
|
--bb-border: #e5e7eb;
|
|
--bb-text: #111827;
|
|
--bb-text-muted: #6b7280;
|
|
|
|
/* Шрифты */
|
|
--font-brand: 'DINPro', 'DIN Pro', Arial, sans-serif;
|
|
--font-web: 'Fira Sans', sans-serif;
|
|
--font-mono: 'JetBrains Mono', 'Courier New', monospace;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: #ffffff;
|
|
--color-foreground: var(--bb-text);
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-web);
|
|
background: var(--bb-content-bg);
|
|
color: var(--bb-text);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|