BrickStiles — библиотека шаблонов и wireframes для Bricks Builder

BrickStiles объединяет готовые шаблоны и каркасные структуры (wireframes) для визуального конструктора Bricks Builder, работающего на платформе WordPress. Библиотека создана для ускорения вёрстки и сборки страниц без необходимости проектировать базовые блоки с нуля.

Архитектура и технологии

Все элементы библиотеки спроектированы на базе двух CSS-инструментов — AutomaticCSS и Core Framework. Это обеспечивает единообразную систему отступов, адаптивную типографику и согласованное масштабирование элементов интерфейса на экранах разной ширины.

Интеграция с плагином SureCart позволяет использовать готовые структуры для проектов электронной коммерции. Шаблоны содержат разметку для каталогов продукции и карточек отдельных товаров с выводом цен, галерей изображений и кнопок оформления заказа.

Типы секций и готовых компонентов

В состав библиотеки включены разноплановые структурные блоки для типовых задач веб-разработки:

• Стартовые экраны и hero-секции, рассчитанные на удержание внимания посетителя с момента загрузки страницы, включая слайдеры и крупные визуальные подложки с акцентом на ключевое торговое предложение.
• Блоки преимуществ и возможностей сервиса, оформленные в виде карточек с несколькими вариантами компоновки и стилевых решений.
• Контентные сетки и карточки записей для публикации архивов блога, галерей, списков материалов с краткими анонсами и иллюстрациями.
• Компоненты интернет-магазина под управление SureCart, содержащие архивы товаров и детальные страницы продуктов.
• Служебные и сквозные элементы сайта, в том числе универсальные шапки с навигацией и логотипом, а также экран с формой восстановления забытого пароля.

Для кого разработана библиотека

Набор шаблонов ориентирован на веб-дизайнеров и WordPress-разработчиков, которые проектируют клиентские сайты и лендинги в конструкторе Bricks Builder. По словам автора, использование готовых каркасов помогает значительно сократить время на техническую рутину при верстке и быстрее передавать заказчикам готовые проекты.