Pull up a chair. Pour yourself a coffee. Stay a while.
This is a collection of design research, philosophy, and practical systems created for a small independent publishing and arts collective — and then released into the public domain, because we believe design knowledge should be common property. Whether you are building your own brand, exploring layout philosophy, or just curious about what happens when you treat visual design as engineering, you are welcome here.
Not sure where to start? There are two good entry points, depending on whether you want the lay of the land or the full story.
A guided tour through the entire system — philosophy, colour, typography, layout, and brand identity — with enough depth to understand how the pieces fit together and links to every detailed document when you want to go deeper.
Read the Overview →The manifesto. Seven principles for building visual systems grounded in perceptual science, mathematical proportion, and software architecture. This is the why behind every decision in the system. Start here if you want to understand the thinking before seeing the artefacts.
Read the Manifesto →Four documents define the C&B design system. Each covers one domain of visual design; together they are everything needed to build any C&B property from first principles.
Interactive swatch board in OKLCH. Brand browns extracted from the logo, warm neutrals, three per-site accent palettes (Ink Blue, Sage Green, Terracotta), and the full semantic token mapping. Every swatch renders live.
View Colours →Live specimens of Fraunces, Literata, and IBM Plex Mono at every scale step. Variable font axis explorations, per-site personality demos, the perfect fourth modular scale, and Utopia fluid clamp() values.
A synthesis of Every Layout and Utopia into a unified philosophy of fluid composition. Seven precepts for intrinsic design, the full primitive vocabulary, the Utopia + Every Layout architecture, worked examples, and the Arts & Crafts connection.
Read Layout Philosophy →The comprehensive brand bible. Three-logo identity system, three site personas (The Typographer, The Gallerist, The Brand Storyteller), full colour and type specifications, spacing principles, and DTCG token architecture.
View Brand Guidelines →The design system didn't emerge from nothing. These research documents are the intellectual groundwork — deep dives into the academic literature, the state of the art, and the ideas that informed every design decision.
The Phase 0 research synthesis. Covers colour theory (Albers to OKLCH), typography (Bringhurst to Utopia), layout (Müller-Brockmann to Every Layout), UI/UX principles, perception science, design systems, and the cross-domain bridges that connect them all. Source analysis of 25+ canonical texts.
Read the Research →Why do all websites look the same? A synthesis of CHI 2021 research, cognitive science, modern CSS capabilities, museum wayfinding, and editorial design traditions. Seven concrete, CSS-implementable strategies for building layouts that break free from template thinking.
Read the Research →Everything on this site is released under CC0 — public domain. You may copy, modify, distribute, and build upon any of it, for any purpose, without asking permission.
We did this because we believe that design knowledge should be common property. The web has a monoculture problem, and locked-up knowledge is part of what sustains it. If these documents help even one person build something more beautiful, more considered, and more truly their own, they will have done their job.
Not everyone needs a publishing house's design system. But everyone deserves access to the thinking that makes good design possible. Take what is useful. Leave what is not. And if you build something wonderful with it, we would love to hear about it.