Набор интерфейсных решений (библиотека оформления

На основе предоставленных визуальных материалов я разработала модульную систему оформления, которая легла в основу всех страниц. Все составные части можно менять под задачи, и они готовы к расширению.

Цветовая палитра

Фирменные плавные переходы и цвета задают тон всему проекту:

· Темно-синий основной градиент — используется в крупных блоках, нижней части сайта, для создания глубины. · Золотой премиальный градиент — акценты на кнопках, заголовках, значках, подчеркивает статусность.

Основные оттенки темно-синего:

· Глубокий темно-синий — для фона секций с высоким контрастом. · Основной темно-синий — цвет карточек, меню. · Светлый темно-синий — для интерактивных элементов при наведении.

Акцентные оттенки золотого:

· Глубокое золото — для текстовых акцентов. · Основное золото — для кнопок призыва к действию и важных элементов.

Нейтральные и смысловые цвета:

· Белый, светлый серый, серый для текста — для текстов на темном фоне. · Зеленый (успех), красный (ошибка) — для обратной связи форм.

Типографика

· Геометричный шрифт — для заголовков и акцентных элементов. Его строгие формы отсылают к архитектуре, что соответствует профилю недвижимости. · Современный гротеск — для основного текста, навигации, подписей. Обеспечивает максимальную читаемость на всех устройствах.

Набор готовых элементов (по изображениям)

Кнопки:

· Основные (темно-синие) — главный призыв: маленькие, средние, большие. Используются для ключевых действий: «Вступить в клуб», «Подать заявку». Дополнены значками и стрелками, чтобы усилить желание нажать. · Второстепенные (золотые) — акцентные действия: «Телеграм», «Записаться на презентацию». · Обводные (темно-синие / золотые) — для действий второго плана: «Открытый Телеграм-канал», «Подробнее». · Прозрачные и текстовые — для наименее приоритетных ссылок, например навигации внутри страницы.

Состояния кнопок: обычное, при наведении (плавное затемнение или усиление градиента), при нажатии, неактивное. Все состояния сделаны через плавные переходы.

Кнопки на всю ширину — для мобильной версии и ключевых секций.

Значки-кнопки — для закрытия окон, переключения бегунков и прочего.

Применение на темном фоне

Согласно системе, на темных секциях (глубокий темно-синий, основной темно-синий):

· Акцентные метки и декоративные элементы — светлое золото. · Основной текст — белый. · Второстепенный текст — серый. · Кнопки — обводные золотые или основные с градиентом.

Что думаете?

Сайт реализовала на платформе Тильда.