Связаться
Сайт под ключ2026B2B

GBIPRO – каталог производителя железобетонных изделий

Корпоративный сайт с каталогом продукции на WordPress: собственная тема без визуального конструктора, карточки изделий, заявки на расчёт и уведомления о них в мессенджер.

Главная страница сайта gbipro.pro на экране MacBook
Главная страница. Сайт работает: gbipro.pro

01Задача

Производителю нужен был сайт-каталог: изделия по разделам, карточки с характеристиками и короткий путь от карточки к заявке на расчёт.

02Что сделано

  • Собственная тема WordPress без визуального конструктора, поля для редактора на ACF Pro
  • Каталог по разделам и карточки изделий
  • Формы заявок с уведомлением в Telegram или VK
  • SEO: дата изменения страницы для поисковиков, настройки Yoast на русском
  • Редактор сам правит страницы, товары и меню в админке
  • Обновления выходят версиями: от 0.6 до 0.7.4 за сентябрь и октябрь 2026 года

03Стек

WordPressACF ProPHPTypeScriptSCSSWebpack

04Экраны на компьютере и телефоне

Снято с работающего сайта gbipro.pro в октябре 2026 года.

Сайт gbipro.pro на компьютере, первый экран Сайт gbipro.pro на компьютере, ниже по странице
Главная на компьютере, 1440 px
Сайт gbipro.pro на телефоне, первый экран Сайт gbipro.pro на телефоне, второй экран
Главная на телефоне, 390 px
Каталог продукции на gbipro.pro на компьютере: разделы и карточки направлений Карточка изделия на gbipro.pro на компьютере: галерея, характеристики и кнопка запроса цены
Каталог и карточка изделия на компьютере, 1440 px
Разделы каталога gbipro.pro на телефоне Карточка изделия на gbipro.pro на телефоне: цена, характеристики и кнопка запроса
Каталог и карточка изделия на телефоне, 390 px

05Дизайн-система сайта

Цвета, шрифты, размеры, скругления и тени взяты из стилей gbipro.pro: имена токенов – как в коде.

Цвета

  • Фон--color-paper#F6F6F6RGB 246 246 246
  • Текст--color-ink#111416RGB 17 20 22
  • Акцент--color-accent#DD080FRGB 221 8 15
  • Вторичный--color-steel#595B62RGB 89 91 98

Бренд --color-brand-*

  1. brand-400#F96066
  2. brand-500#F61E26
  3. brand-600#DD080F
  4. brand-700#A7060B
  5. brand-800#7E0408

Нейтральные --color-neutral-*

  1. neutral-025#FCFBFB
  2. neutral-050#F6F6F6
  3. neutral-100#EEEEEE
  4. neutral-200#E4E4E4
  5. neutral-250#DDDDDD
  6. neutral-300#CCCCCC
  7. neutral-400#A1A1A1
  8. neutral-600#595B62
  9. neutral-900#1C2029
  10. neutral-950#111416
  11. neutral-1000#0B0A0A

Состояния --color-*

  1. success#2F714F
  2. warning#8A5C00
  3. danger#DD080F

Шрифты

Заголовки

Inter

Переменный шрифт, начертания от 100 до 900

  • Regular 400
  • Medium 500
  • SemiBold 600
  • Bold 700

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюяABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 «»!?&@%

Текст

Manrope

Переменный шрифт, начертания от 200 до 800

  • Regular 400
  • Medium 500
  • SemiBold 600
  • Bold 700

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюяABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 «»!?&@%

  1. display-3xl80 / 104 · 600

    Изделия по ГОСТ

  2. display-md40 / 52 · 600

    Изделия по ГОСТ

  3. display-sm30 / 39 · 600

    Изделия по ГОСТ

  4. display-xs24 / 31.2 · 600

    Изделия по ГОСТ

  5. text-xl20 / 30 · 400

    Съешь же ещё этих мягких французских булок

  6. text-lg18 / 28 · 400

    Съешь же ещё этих мягких французских булок

  7. text-md16 / 24 · 400

    Съешь же ещё этих мягких французских булок

  8. text-sm14 / 20 · 400

    Съешь же ещё этих мягких французских булок

  9. text-xs12 / 18 · 400

    Съешь же ещё этих мягких французских булок

Скругления и тени

  • --radius-tight.1875rem = 3 px
  • --radius-field.375rem = 6 px
  • --radius-badge.625rem = 10 px
  • --radius-media.75rem = 12 px
  • --radius-panel1.25rem = 20 px
  • --radius-plate1.875rem = 30 px
  • --radius-control3.125rem = 50 px
  • --shadow-panel0 0 30px rgba(0, 0, 0, .05)
  • --shadow-float0 3px 46px rgba(0, 0, 0, .1)
  • --shadow-modal0 30px 80px rgba(0, 0, 0, .24)
Похожий проект

Получите оценку похожего проекта за 2 рабочих дня

Сайт-визитка – 50 000 ₽ за 7 рабочих дней. Сайт компании – от 100 000 ₽ за 2–4 рабочие недели, три месяца сопровождения включены.

Получить прототип и смету
Ещё кейсы

Другие проекты

Все кейсы