geniled.ru · фактический интерфейс сайта
Дизайн-система geniled.ru
Логотипы, шапка, футер и компоненты нынешнего сайта. Примеры взяты с главной, из раздела для проектировщиков, со страниц «О компании» и «Где купить».
Оригинальные логотипы
Два SVG из текущих шапки и футера. Это один фирменный знак в размерах соответствующих компонентов.
Шапка сайта
Реальная двухрядная шапка: логотип, каталог, поиск, контакты, действия и главное меню.
Raleway и фактические стили
Размеры и насыщенность ниже сняты с отрисованных элементов страницы.
Raleway · 48 px · 600 · line-height 57.6 px
1 111,00 ₽
8 888,00 ₽
font-variant-numeric: lining-nums tabular-nums| Элемент | Шрифт | Размер / насыщенность | Высота строки |
|---|---|---|---|
.hr30__nav-link | Raleway, sans-serif | 18px / 400 | 21.6px |
.fg-h1 | Raleway, Arial, sans-serif | 48px / 600 | 57.6px |
.fg-h2 | Raleway, Arial, sans-serif | 48px / 600 | 57.6px |
.fg-cat__title | Raleway, Arial, sans-serif | 20px / 600 | 24px |
.lp-btn--primary | Raleway, Arial, sans-serif | 16px / 400 | normal |
.fg-footer__col-title | Raleway, Arial, sans-serif | 20px / 600 | 24px |
Цвета и геометрия компонентов
Цвета имеют конкретные роли в существующем интерфейсе. Нажмите на образец, чтобы скопировать HEX.
| Компонент | Размер / отступ | Скругление |
|---|---|---|
| Основная кнопка | padding 15px 35px | 5px |
| Карточка базы знаний | 375 × 240 px · padding 22px | 16px |
| Футер | Реальный состав колонок и контактов | 32px 32px 0px 0px |
Компоненты в своём контексте
Для каждого примера сохранены оригинальная разметка, CSS-классы и порядок стилей geniled.ru.
Поля и FAQ можно проверять прямо в примерах. Форма демонстрирует интерфейс: введённые значения не отправляются. Ссылки на страницы открывают geniled.ru.
Блоки страницы для проектировщиков
Карточки статей, пять этапов работы, программа лояльности и преимущества — в исходной композиции страницы.
FAQ и форма обращения находятся в разделе «Компоненты». Каждый блок имеет отдельный пример и ссылку на страницу-источник.
Страница «О компании»
Показатели компании, переключение периодов истории, дилерская программа и блок производства.
Представители и маркетплейсы
Карта, поиск, фильтры, карточки представителей и ссылки на маркетплейсы.
Карта и список представителей показаны с живой страницы geniled.ru. Поиск, фильтры и карта работают на актуальных данных сайта.
Источники и применение
Шапка .hr30, футер .fg-footer, баннер .hpb-banner, каталог и кейсы.
Типографика .fg-*, кнопки .lp-btn, база знаний, калькуляторы, FAQ и форма обращения.
Показатели .gcm, история .gct, дилерская программа .gcd и производство .gcp.
Живая карта, поиск, фильтры, карточки представителей .lf-* и маркетплейсы.
Для каждого компонента указаны источник, селектор и фактические значения CSS. Снимок: 05.10.2026.
Область применения — только geniled.ru. Главная и раздел проектировщиков сохраняют собственный контекст CSS. Эталонные ширины: 1366, 1920, 2560 и 3840 px.