сайт на вордпресс
В центре композиции находится звезда, которая объединяет все категории, а сами плитки расположены в сетке поверх неё.
Концепция Дизайна: "Информационный Хаб"
1. Визуальный стиль
* Задний фон: Глубокий темно-синий или графитовый цвет с большой контурной звездой (полупрозрачной), которая слегка выходит за границы экрана, создавая динамику.
* Плитки (Карточки): Стекломорфизм (эффект матового стекла) с легкой белой обводкой. При наведении плитка должна немного приподниматься и подсвечиваться.
* Шрифт: Четкий, без засечек (например, Inter или Roboto), для максимальной читаемости.
2. Структура главной страницы (Сетка плиток)
записи с обоих листков в логическую структуру:
| Левая колонка | Правая колонка |
|---|---|
| Регионы (Информация по субъектам) | Льготы (Социальные программы) |
| Выплаты (Таблица начислений) | Поддержка (Федеральные меры) |
| Здоровье (Мед. помощь и реабилитация) | Доп. выплаты (За технику и успехи) |
| Общая инфо (Как, что, куда, суточные) | Груз 200 / 300 (Спец. информация) |
| Рубикон / Тыл (Логистика и обеспечение) | Африканский корпус / Иностранцы |
3. Интерактив и переходы
* Действие: При нажатии на любую плитку происходит плавная анимация: плитка расширяется на весь экран, становясь заголовком новой страницы.
* Навигация: Внутри каждого раздела вверху остается "хлебная крошка" или кнопка "Назад", чтобы пользователь не терялся.
4. Технические рекомендации для разработки:
* Для фона со звездой: Используйте SVG-графику, чтобы звезда оставалась четкой на любых экранах (от мобильных до ПК).
* Цветовая кодировка: Можно добавить тонкую цветовую полоску сбоку каждой плитки. Например: синий — для инфо, зеленый — для выплат, красный — для критически важной информации (Груз 200/300).
Опубликован 03.03.2026 в 17:25