Лендинг • ремни для гитары

Визуальная проверка темы: компоненты + легенды переменных
AUTO
Brand Kit Витрина A/B Админка
primary / onPrimary surfaceVariant outline

Ремни из натуральной кожи — ручная работа, комфорт и стиль на сцене

Тут собраны блоки “как в реальном магазине”: галерея, карточки, отзывы, мини-корзина, формы и промокоды. На каждом компоненте — подсказки, какая переменная отвечает за стиль.

primary / onPrimary
secondary / onSecondary
surface + outline
surfaceVariant / onSurfaceVariant
Быстрый заказ
Нейтральная подсказка на surface-variant

Стресс-тест контраста

Считает контраст по текущим CSS-переменным темы
AAA ≥ 7.0 • AA ≥ 4.5 • UI ≥ 3.0 • BAD < 3.0 — если видишь BAD, в админке жми Авто on*.

Галерея (как будет в реальности)

Фон/границы: surface + outline, акценты: primary/tertiary

Популярные ремни

Карточки: surface, чипы: surfaceVariant, кнопки: primary/secondary
surface + outline
Saddle Classic
Хит
Натуральная кожа, мягкая подкладка
€49
0
primary / onPrimary
secondary
surface + outline
Stage Indigo
Новый
Усиленная фурнитура, комфорт на сцене
€59
0
primary / onPrimary
secondary
surface + outline
Olive Workshop
Премиум
Винтажный финиш, ручная окраска
€69
0
primary / onPrimary
secondary

Как выбрать ремень

Наглядные карточки шагов + читаемость текста
secondary / onSecondary
1
Длина
Под рост и посадку гитары. Мы подскажем, если сомневаешься.
tertiary / onTertiary
2
Кожа
Гладкая, винтажная, матовая. Можно подобрать оттенок “под гитару”.
primary / onPrimary
3
Фурнитура
Латунь/никель/чернение — и чтобы всё было читаемо в тёмной теме 🙂

Отзывы

Проверка типографики/читабельности
surfaceVariant badge/text
Антон
Покупатель
★★★★★
Ремень сел идеально, кожа мягкая, фурнитура топ.
surfaceVariant badge/text
Мария
Покупатель
★★★★★
Очень красиво выглядит на сцене. Доставка быстрая.
surfaceVariant badge/text
Денис
Покупатель
★★★★★
Понравилось тиснение и аккуратная кромка. Рекомендую.
surface + outline
Корзина
0 товаров


Итого €0
secondary promo
error state
primary / onPrimary
Auto / Light / Dark переключается сверху. “Auto” = prefers-color-scheme.
Гарантия и качество
Возврат 14 дней • упаковка • ручной контроль качества.
Сравнить темы A/B