Skip to main content
brickwork
GitHub Log in Get started
Display
Theme
Density
Direction
Brand

Brickwork

One interface system for the Django surfaces you ship.

Pin the foundation. Own the pages.

django-brickwork 4.0.0

Fleet operations

Keep every route on time from depot to door.

Live ETAs, driver handoffs and depot boards in one place your ops team already trusts.

Start free trial Book a walkthrough

Pages you ship

One kit for every surface your product needs.

Marketing, docs, editorial, product UI and ops: distinct layouts, the same foundation underneath.

Marketing

Full-bleed hero and public landing.

Docs

Sidebar nav beside the guide.

Editorial

Long column for articles and news.

App

Shell with list and detail panes.

Ops

Table and filters for queues.

Themes

Change the look without rewriting the kit.

Colours, type, light and dark, then your brand look across the kit. Preview a different face without rebuilding.

  1. Colour and type

    You control the pigments and fonts the whole kit reads from.

  2. Light and dark

    Switch appearance (and density if you need it) without a second component set.

  3. Your brand

    Apply your look once; buttons, forms and pages pick it up together.

  4. Live preview

    Try another look on the same UI before you commit a rebuild.

Same UI · different look

This site

Project overview

Status, owners and the next action in one place.

Continue In review

Another brand

Project overview

Status, owners and the next action in one place.

Continue In review

Who it is for

For Django teams who need one UI foundation, not a second kit.

Public pages and product screens share the same install. You do not bolt a marketing kit onto an app kit and hope they agree.

Pin the foundation. Own the pages.

One install
Your pages Copy you write
Surfaces Marketing · app · docs · ops
django-brickwork Shared foundation

Why install

What you keep after you pin the kit.

Lock a foundation, keep the pages you write, and match your brand without rewriting components.

Pin a version and build on it Lock a django-brickwork release, then compose your surfaces on that base.
Keep the pages you write Copy examples into your tree. Your copy and structure stay yours.
Match your brand without rewriting Change colours, type and light or dark across the kit. Open Themes when you need another look.

In Docs we show what ships and what is still planned. Home stays focused on the install decision.

Get started

Install Brickwork, then make it yours.

Get started opens the install guide. See Themes if you want another look before you pin a version.