PRODUCT
Генератор пены PENA PARTY 100-5M
Компактный стартовый вариант.
LAB / GUIDES GUIDE-FIRST / MANUALS ENTRY
Guides как структурированный контент
Проверяем блок guides
LAB / FORMS PREMIUM SERVICE FORM
Оставьте заявку
Мы свяжемся с вами
LAB / PRODUCT CARDS PRODUCT / SERVICE / GUIDE HYBRID
Карточки товаров и услуг как единый premium-язык
Здесь проверяем hybrid-модель: product clarity + editorial softness + controlled CTA.
SERVICE
Пенное шоу под ключ
Сценарий, техника, оператор.
GUIDE
Как выбрать формат пенной вечеринки
Guide-first карточка для экспертного входа.
PP UI LAB ТЕСТОВЫЙ СТЕНД ДИЗАЙН-СИСТЕМЫ
Тестовая страница кодекса PENA PARTY
Это полигон для проверки базовых UI-элементов поверх реальной архитектуры сайта: без массового внедрения в прод, без переписывания боевых шаблонов и без слома текущих CSS-слоёв.
Здесь тестируются hero, кнопки, карточки, списки преимуществ, формы и CTA.
LAB / GALLERY CURATED MEDIA GRID
Галерея как curated visual block
Не случайный набор изображений, а спокойная premium-сетка с ровными пропорциями и широкими превью.
Guide / service showcase
Event-tech emotional visual
Family / open-air preview
LAB / FAQ PREMIUM SERVICE FAQ
FAQ как спокойный service-layer
Проверяем, можно ли сделать FAQ просторным и дорогим по ощущению, без типового аккордеона ради аккордеона.
Подходит ли этот ритм для guide и service pages?
Да, если сохранить крупную иерархию, мягкий контур и не перегружать блок мелкими UI-элементами.
Можно ли переносить его сразу на боевые страницы?
Нет. Сначала только стенд, потом точечная сверка с DOM, UX blocks и живыми шаблонами проекта.
Подходит ли этот язык для product tabs и manuals?
Да, но только после отдельной проверки runtime и существующих зависимостей в боевом контуре.
LAB / BENEFITS
BENEFITS / MICRO-FACTS / TAGS
Test
Теперь child items должны отрисовываться внутри левой карточки.
Numbered benefits
- Первый пункт
- Второй пункт
- Третий пункт
Technical list
- Радиусы
- Паддинги
- Контраст
LAB / CARDS
КАРТОЧКИ КАК ЕДИНАЯ СЕМЬЯ
Карточки программ и преимуществ
Проверяем канонический LAB Cards блок
Лёгкая карточка
Базовая светлая карточка.
Тёмная карточка
Контрастный вариант карточки.
Карточка с изображением
Проверяем image-вариант.
LAB / HERO LIGHT
ТЕСТ НОВОГО UX-БЛОКА
Организуем яркий праздник под ключ
Проверяем новый системный Hero Light внутри penaparty-core. Этот блок должен показать заголовок, лид, список преимуществ, CTA-кнопку и работу popup-триггера.
Guide-firstПод длинное чтение и экспертный контент
Airy cardsКарточки дышат и не спорят с текстом
Soft CTAPrimary + ghost без лишнего давления
Тестовая карточка справа
Если блок собран правильно, справа должна появиться карточка с этим текстом.
Нижняя заметка hero-блока: здесь можно размещать дополнительное пояснение, подсказку или мини-оффер.
LAB / HERO DARK ТЕСТ ТЁМНОГО UX-БЛОКА
Премиальный тёмный hero для шоу, техники и сильных CTA
Проверяем главный эмоциональный вход: крупный заголовок, чистая иерархия, мягкий glow, точная пара кнопок и короткие факты без перегруза.
2 режимаDark и light premium
1+1 CTAPrimary и ghost без шума
Soft glowБез кислотного свечения
Проверяем: выглядит ли блок как дорогой event-tech hero, хватает ли воздуха и держится ли сценичность без перегруза.
LAB / BENEFITS
ПРЕИМУЩЕСТВА И ТЕХСПИСКИ
Преимущества, мини-факты и техсписок
Тестируем, как проект показывает сильные стороны без ощущения Word-документа.
Премиальный ритм
Чистая иерархия
Тёмный и светлый режим
Контроль плотности
Numbered benefits
- Крупный тезис
- Одна мысль на строку
- Чёткий вертикальный ритм
Technical list
- Радиусы
- Паддинги
- Контраст
- Размеры CTA
- Поведение на mobile
LAB / TABS SOFT NAVIGATION / PRODUCT + GUIDE UI
Табы как premium-навигация, а не техплашки
Здесь уже используется реальный shortcode-язык Flatsome. Проверяем не только внешний вид, но и сам рабочий tab-pattern.
Описание
Проверяем активное состояние, spacing и ощущение tabs как части premium-секции.
Преимущества
Здесь важны читаемость, навигационный ритм и отсутствие тяжёлого тех-интерфейса.
Документы
Хороший сценарий для manuals, PDF, инструкций и guide-related контента.
LAB / ACCORDION FLATSOME UX INTERACTION
Аккордеон как premium-service interaction
Проверяем реальный UX-паттерн Flatsome: мягкие границы, просторный вопрос и аккуратное раскрытие контента.
Подходит ли этот стиль для guides и manuals?
Да, если сохраняются guide-first подача, воздух, controlled CTA и curated image-логика.
Можно ли переносить этот паттерн в product pages?
Можно, но только после сверки с живым Woo/ACF runtime и реальными UX block зависимостями проекта.
Чем premium-accordion отличается от обычного FAQ?
Он не выглядит тяжёлым тех-блоком: вопрос просторный, контур мягкий, акцент точный, раскрытие спокойное.
LAB / FINAL CTA DARK PREMIUM ISLAND
Финальный CTA как сильное завершение стенда
После проверки всех базовых элементов на стенде можно переходить к таблице соответствия: элемент → CSS класс → UX block pattern.
Dark premium visual inside final CTA