Bricks Blueprint docs
Install the plugin, import a kit, adapt it for a client and keep it fast.
Topics
The articles open with Kit #1. This is the planned structure.
Getting started
- Requirements
- Install the plugin
- Add your licence key
- Activate and move domains
Import
- Import the design system
- Import pages
- Import WooCommerce templates
- Resolve class conflicts
Design system reference
- Variables and the type scale
- Colours
- Global classes
- Theme style
- Motion classes
Performance rules
- Images and sizes
- Fonts
- Plugins to avoid
- Caching on LiteSpeed
Client handoff
- Handoff checklist
- Editing content safely
- Updating the design system
Claude skill
- Install the skill
- Adapt a kit for a client
- Keep changes on the system
How we measure
The same method for every demo page, so the numbers can be compared and repeated.
Tool
Lighthouse through PageSpeed Insights, with the mobile and the desktop profile.
Setup
A clean WordPress install on LiteSpeed hosting with Bricks, the kit and its sample images. Shop pages add the free WooCommerce plugin.
Runs
Three runs per page. We publish the average and link the full reports.
Threshold
A page does not ship below 90 on mobile.
Your own check
Every demo page has a button that runs the same test on PageSpeed Insights.
Need help before the docs open?
Founding members can email support with any question about the kit, the import or the plugin.