Kit #1: a dark, warm Bricks design system
Pill navigation, cream cards and bento grids on one set of native Bricks tokens. 6 pages and 5 shop templates.
Kit #1 design tokens
bg
#131518
text
#ECE2D7
accent
#FFD468
text-muted
#A39B92
Spline Sans
400, 500 and 600, self-hosted
A type scale without giant headlines
Every size is a fluid variable between a 390 px phone and a 1440 px desktop. The largest heading stops at 56 px.
Heading 1
36 to 56 px
Heading 2
30 to 40 px
Heading 3
22 to 28 px
Body text for long reading
16 to 18 px
Small text and labels
14 to 15 px
6 pages and 5 shop templates
Each one is built from the same classes, so a change to the tokens reaches all of them.
Pages
Home
Hero, services, proof and a contact call to action.
About
Story, team and values for a studio or business.
Services
An overview of every service, with links to the details.
Service detail
One service in depth, with process, pricing and questions.
Contact
Form, address and opening hours.
Blog
Post list and single post templates.
Shop templates
Shop
Product grid with filters and category cards.
Product
Gallery, price, variations, reviews and related products.
Cart
Line items, totals and a mini cart.
Checkout
A short, focused checkout layout.
Account
Orders, addresses and account details.
Lighthouse reports for every page
Each demo page gets a public mobile and desktop report, plus a button to run the test yourself. They go live with the demo.
Start the next client site from a finished system
Lifetime access for €499, open to the first 75 buyers. 14-day refund.
Get a founding seat