Бренд и стили
Бренд и стили
Как брендинг Reactive Engineering реализован в шаблоне портала.
Оформление портала построено на фирменном стиле Reactive Engineering: зелено-циановый градиент, темно-синий как основной тёмный тон, геометрический паттерн и связка шрифтов Ubuntu и Nunito Sans.
Где что задано
| Файл | Содержит |
|---|---|
lib/brand.ts | Палитра, градиент, пути к ассетам и названия шрифтов как TypeScript-константы. |
app/global.css | Те же значения как CSS-переменные, переопределение палитры Fumadocs и брендовые утилиты. |
app/layout.tsx | Подключение шрифтов через next/font/google. |
components/brand/logo.tsx | Логотип с автоматическим выбором варианта под тему. |
components/brand/brand-icon.tsx | Иконка продукта в градиентной плашке. |
public/brand/ | Логотипы и паттерны из брендбука. |
app/icon.png | Favicon: знак R/E на градиенте. |
Два источника одних значений
Палитра продублирована в lib/brand.ts и app/global.css: первый нужен React
(Open Graph-изображения, инлайновые стили), второй — CSS и Fumadocs UI. При
изменении цвета правьте оба файла.