1. Общая концепция
- Сайт — юридический сервис, объединяющий адвокатов и клиентов.
- Визуальный стиль должен вызывать доверие, ощущение стабильности и экспертности.
- Основная эмоция — уверенность, надежность, прозрачность.
- Избегать излишней строгости и тяжеловесности: дизайн должен быть современным, чистым, с хорошей читаемостью.
-
2. Цветовая палитра
Основная цветовая схема — треугольная:
💡 Баланс: основной синий — доминирующий, акценты использовать умеренно (для CTA-кнопок, иконок, иллюстраций, элементов навигации).
3. Структура сайта (основные блоки)
На данном этапе структуры сайта не касаемся, только визуальное разделение для клиента и адвоката.
- Главная страница — краткое представление сервиса, CTA «Найти адвоката» / «Разместить запрос».
- Каталог адвокатов — карточки с фото, специализацией, рейтингом.
- Профиль адвоката — информация, контакты, отзывы.
- Юридические направления — разделы по категориям (семейное, гражданское, уголовное и т.д.).
- Контакты / форма обратной связи.
4. Стиль и визуальные акценты
- Использовать чистую сетку, много воздуха.
- Фон — преимущественно светлый (#FBFAF8, #E7DECD), контент на контрастных блоках.
- Основные кнопки и активные элементы — в цветах #03045E или #5E0304.
- Иллюстрации/иконки — в едином стиле (плоский или контурный, без градиентов).
- Шрифты — лаконичные, легко читаемые, классические, можно с засечками.
- Тени — мягкие, холодные (#000161, #303030, прозрачность ≤ 20%).
5. Версии дизайна
- Desktop (1440px), Tablet (768px), Mobile (375px).
- Все ключевые страницы должны иметь адаптивные макеты.
6. Ожидаемые результаты
- Figma-макет со всеми экранами, сеткой и стилевым гидом.
- Страница стиля (UI Kit): кнопки, формы, заголовки, ссылки, карточки, иконки.
- Подготовка ассетов для фронтенд-разработки (экспорт SVG/PNG, шрифты).
7. Дополнительно
- Возможна интеграция с CRM или каталогом юристов (продумать навигацию).
- Учитывать SEO-структуру (заголовки, читаемость текста, контрастность).
- Использовать цветовую схему из документа без отклонений.