Statement looks

Blueprint

Technical drawing as UI: outlines trace on, cards show their dimensions, saves land a redline REV stamp

Red Hat Display Red Hat Text Red Hat Mono Architects Daughter Self-hosted — zero third-party requests
Components
20
Widgets
4
Examples
2
Themes
2

Live preview

This is the pack's real, runnable example — rendered live by its own CSS and JS, exactly as it ships. Open it full-screen →

Use this design

One line in .env re-skins your whole public site — fonts, colours, components, both themes. No build step, nothing to install: the pack is already vendored in your copy.

  • 2 themes: Blueprint — white line on cyanotype blue / Draughting paper — blue line on white — the in-app toggle switches between them.
  • Fonts (Red Hat Display, Red Hat Text, Red Hat Mono, Architects Daughter) are self-hosted in the pack. Zero third-party requests, no CDN, GDPR-calm.
  • Prefer the house look with your own colours? The appearance page has 20 accent palettes for it.
# .env 
SITE_DESIGN="blueprint"

Every screen, both themes

Blueprint design system — Docs Landing — Blueprint — white line on cyanotype blue screenshot
Docs Landing — Blueprint — white line on cyanotype blue
Blueprint design system — Docs Landing — Draughting paper — blue line on white screenshot
Docs Landing — Draughting paper — blue line on white
Blueprint design system — Spec Dashboard — Blueprint — white line on cyanotype blue screenshot
Spec Dashboard — Blueprint — white line on cyanotype blue
Blueprint design system — Spec Dashboard — Draughting paper — blue line on white screenshot
Spec Dashboard — Draughting paper — blue line on white
Blueprint design system — Cover — Blueprint — white line on cyanotype blue screenshot
Cover — Blueprint — white line on cyanotype blue
Blueprint design system — Cover — Draughting paper — blue line on white screenshot
Cover — Draughting paper — blue line on white

More like this

Azulejo design system — Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. AzulejoStatement looks Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. Bauhaus design system — A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. BauhausStatement looks A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. Chalk design system — A chalkboard you can touch: outlines redraw on hover, ticks draw in, and a felt eraser wipes the board ChalkStatement looks A chalkboard you can touch: outlines redraw on hover, ticks draw in, and a felt eraser wipes the board