План разработки

Полный редизайн Rodnoy Art в стиле syntx.ai

⚠️ ПРИНЦИП РАЗРАБОТКИ

Делается ТОЧНАЯ копия дизайн-системы syntx.ai, а не приблизительное соответствие.

Все CSS-переменные, цвета, шрифты, тени, border-radius, анимации — копируются 1:1 из исходного кода syntx.ai. Контент заменяется на Rodnoy Art (произведения искусства, художники, заказы).

Общий прогресс13/13 (100%)

🎨 Референс дизайн-системы (LIGHT theme)

Фон (light):

#ede6da

Accent (primary):

#e54717

Text primary:

#241e20

Text secondary:

#5b4a4a

Component bg:

#e6ddce

Border:

#c3b9b9

Шрифт primary:

Onest, sans-serif

Шрифт secondary:

Agse, sans-serif

Glassmorphism:

blur(6px) + gradient overlay

Border radius:

8px / 12px / 16px

Открыть референс syntx.ai ↗

Точная копия header из syntx.ai: fixed, blur, полупрозрачный фон, логотип восстановлён

✓✅ position:fixed, top:0, z-index:100

✓✅ background: rgba(239,237,237,.6) + backdrop-filter:blur(10px)

✓✅ border-bottom-left/right-radius: 8px

✓✅ box-shadow: 0 4px 9.4px 6px rgba(0,0,0,.08) при scroll

✓✅ Логотип Rodnoy Art восстановлён (logo-light из @/assets/)

✓✅ Меню по центру: Коллекция, Для художников, Что нового, О нас, Разработка

✓✅ Кнопка 'Разработка' — ссылка на /dev-plan

✓✅ Кнопка Войти (#e54717 outline) или Кабинет (если авторизован)

✓✅ Mobile menu: glassmorphism overlay

✓✅ Поиск: glassmorphism overlay с input

✓✅ Исправлена синтаксическая ошибка const obileMenu → const [mobileMenu

Разработка ведётся на new.rodnoy.art — основной сайт rodnoy.art не затронут

← На главную