A borderless creative studio
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.
For startups
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.
Three voices, one scale
AaGrotzec Condensed
AaSuisse Intl
AaPP Editorial New
Condensed display, Suisse for reading, an editorial serif for quotes. Every style, fluid.
Off-white
Light gray
Dark gray
Black
Blue
Orange
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.