Product
Hold your brand in code, render it on every deck.
Your designers author the tokens, slot types, slide templates, and deck chrome that define your brand. Codexroom versions every layer, audits every change, and renders every deck from the same source.
In the product
Author the brand once. Render it everywhere.
The authoring surface
A real IDE for your brand, not an 80-page PDF.
Designers author tokens, slot types, slide templates, and deck chrome in one place — HTML and CSS with the slot contracts inline, live preview through a sandboxed iframe. The source of truth the rest of the company renders from.
Hand it to your agentVersioned and audited
Every layer carries a version and a trail.
Primitives, contextual tokens, templates, chrome — each has a version, a status, and an audit row. A deck created today renders against the template version it was created with, even after the template moves on. Decks already shipped render unchanged.
Governance and audit- --token-accent#006DD5
- --token-bg-canvas#0F2440
- --token-font-display"Tiempos Headline"
- --token-radius-card12px
- --token-accent-soft#7FB3E8#5A9BDDdraft v5
d.okafor published tokens v4 · 12 templates re-rendered
audit log · every change versioned, nothing overwritten
The four layers
Four layers your designers own.
Each layer is owned by exactly one governance surface. They stack, in order, into every slide Codexroom renders.
- 01
Tokens
Primitives carry the raw colour, type, and spacing; contextual tokens carry the rules ('primary is blue in NA, teal in EMEA'). Both compile to CSS variables the whole system reads.
- 02
Slot types
The typed contract every slide fills — headline, metric, logo, quote, chart, list — with its own constraints. The agent and the human composer fill slots, never raw HTML.
- 03
Slide templates
HTML scaffold, per-template CSS, slot placeholders. Versioned, so a deck created today renders against its template version even after the template moves on.
- 04
Deck chrome
The wrapper around every slide — headers, page numbers, the brand mark — composed with the slide through a stable .deck-frame / .slide-body contract.
The render cascade
Five layers stack on every render.
Reset, then the token CSS variables, then the workspace shared styles, then the deck chrome, then the slide template. Every layer is owned by exactly one governance surface. Crossing a boundary is a design choice, never an accident.
One source, one audit log, one render. It replaces the brand book, the Figma master, the PowerPoint template, and the "where does the approved logo live" Slack thread. Designers update once. Decks ship right.
See it work