Справочник стилей: цвета сайта

Служебная страница. Здесь собраны HEX‑коды используемых цветов и краткие описания, где они применяются. Изменения на этой странице не влияют на другие страницы.

Кнопки

#71a7c4 — текущий базовый цвет кнопки в образце (временный).

#71a7c4 — цвет при наведении (hover) для кнопки «2025».

#e6e6e6 — фон кнопки в активном состоянии.

#333333 — цвет текста кнопки в активном состоянии.

Статусы

#59ce58 — «Свободна».

#ff0f0f — «Резерв».

#f9ed11 — «Наблюдение».

Акценты и ссылки

#71a7c4 — акцент заголовков: Главная («Добро пожаловать…»), Помёты («Актуальные предложения», «галерея»).

#0e87f2 — ссылки/примечания (страница «Выставки»).

#1b0aff — синий акцент (заголовки разделов/помётов/статей).

#276dd6 — иконка «info» в подвале.

#4680c2 — иконка VK.

Бордеры и фоны

#D4AF37 — «золотой» бордер/обводки.

#F7F7F7 — светло‑серый фон блоков.

#ffdc4d — жёлтый акцентный фон (главная).

#99853F — фон подвала (приближённый к исходному rgba(153, 133, 63, 0.96)).

#ffffff — белый фон/текст.

Текстовые и нейтральные

#3D3D3D — тёмно‑серый текст/заголовки.

#616161 — серый текст (описания/подписи).

#858585 — светло‑серый текст (длинные абзацы).

#cacaca — тонкие бордеры (рамки, свотчи).

Визуальная проверка оттенков

Образец заголовка в #71a7c4

Кнопка: действующая версия (градиент — фоновое изображение)

Фон (base): background: #333c44 url('gallery/Rectangle 3-ts1596111210.png') center; background-size: cover; Текст: #ffffff.

#333c44 — базовый цвет-подложка кнопки.

Фоновое изображение градиента: Rectangle 3-ts1596111210.png.

Кнопка: hover и active — действующая версия

#71a7c4 — фон при наведении (hover); текст #ffffff.

#e6e6e6 — фон активного состояния (active); текст #333333.

Образец заголовка в #71a7c4 (hover кнопки)

Зелёный основной для кнопки: добавим точный HEX, как только вы пришлёте его (возьмём с опубликованной версии). Здесь же обновим свотч и подпись.

Вариант I: клин максимально узкий; база уха ≈ 4.2×; ухо очень низко, почти горизонтально; миндаль максимально вытянут.

Кнопка: зелёный градиент — альтернативный вариант

linear-gradient(90deg, #2D7E11 -> #48A213) — основной градиент заливки альтернативного варианта.

#2D7E11 — левый край градиента.

#48A213 — правый край градиента.

Кнопка: зелёный градиент — варианты hover (альтернатива)

Вариант A (~10% темнее): linear-gradient(90deg, #28710F -> #419211)

Вариант B (~15% темнее): linear-gradient(90deg, #266B0E -> #3D8A10)

Фавикон — служебный образец

Фавикон сайта: gallery/ориентальная.jpg

Разделяющая полоска со звёздочками — служебный образец

Файл: gallery/e86cb4fc8ef419dd5f1fd002f870a448393b3a54cb1a69d18860b2db093b637d.jpg; Размер: высота 40px; Повтор: repeat-x; Позиция: center.

Отзывы (проба)

Макет для пробы: карточки с крупным текстом в слайдере. Когда будете готовы, пришлите названия файлов ваших карточек — подменим изображения в галерее.