tailwind.config.ts
colors: {
brand: { dark: "#160F39", red: "#FF4345" },
link: { DEFAULT: "#007FDA", hover: "#005899" },
robot: { DEFAULT: "#4ABAFF", hover: "#39AAEF" },
primary: { 50-900 blue scale },
accent: { 50-700 violet scale }
}
borderRadius: {
sm: "1px", DEFAULT: "3px", md: "4px", lg: "6px",
xl: "8px", "2xl": "11px", "3xl": "17px", full: "9999px"
}
boxShadow: {
card, card-hover, card-lg
}
globals.css (ключевые правила)
body { color: #171717; background: #eef2f7;
font-family: "Inter", sans-serif;
font-weight: 300; font-size: 17px; }
h1 { color: #160F39; font-size: 40px;
font-weight: 400; line-height: 1.1; }
.font-bold, .font-semibold { font-weight: 400; }
.font-medium, .font-normal { font-weight: 300; }
.text-xs: 14px .text-sm: 17px .text-base: 19px
.text-lg: 22px .text-xl: 24px .text-2xl: 29px
.text-3xl: 36px .text-section: 20px .text-metric: 43px
.card { bg-white rounded-xl }
.card-interactive { + shadow-card hover:shadow-card-hover }
.btn-primary { bg-primary-600 text-white }
.badge { text-xs px-1.5 py-0.5 rounded }
Стек технологий
Next.js 14 + React 18 + TypeScript
Tailwind CSS 3.4
Fonts: Google Fonts (Inter, Roboto Flex)
Icons: inline SVG, Heroicons-style
Backend: FastAPI + SQLAlchemy + Celery