Brand, web, marketing
What Builtwell stands for, who it's for, and the principles behind every page.
Guidelines
How Builtwell is put together
The rules behind every Builtwell page, deck and prototype. Each value on these pages is read from the same CSS and tokens the components use, so the guidelines can't drift from the code.
The sprint is free. What comes after is up to you.
Claim your sprint
Plain, direct and a little bold. How Builtwell writes, and the words it avoids.
The Builtwell wordmark and the BW monogram: clear space, sizes and colour.
Aa
Grotzec · Suisse · Editorial
Condensed display, Suisse for reading, an editorial serif for quotes. Every style, fluid.
Background
Border
Muted
Foreground
Brand
Black and off-white first, one brand colour per theme, and the shadcn tokens they feed.
12 columns · gutter · outer margin
The grid, the gutters and the outer spacing every block is built on.
Real work, full bleed, cropped with intent. How photography and video sit on a page.
Lucide for interface, the Builtwell set for the brand. Sizes, stroke and labels.
cubic-bezier(0.5, 0, 0, 1)
The easing curves and durations that make things move like Builtwell.