Brand & Theming

Make your docs unmistakably yours.

Drop in your brand colors, fonts, and logo. Layer custom CSS for the picky pixels. Or pick a preset and ship today.

Customize a theme free Browse presets

Cool Warm

ACME Docs Sign in

Getting started

Welcome to the official documentation.

npm install @acme/sdk

ACME Docs Sign in

Getting started

Welcome to the official documentation.

npm install @acme/sdk

Color & typography

8 swatches. 3 fonts. Done.

→ Background, surface, border, text, heading, accent, muted, success
→ Heading + body + mono font triplet
→ Auto contrast checks for accessibility
→ Per-category and per-article icons from Heroicons / Lucide / Feather
→ Custom header links with icons + style variants (primary / secondary / ghost)
→ Tileable background patterns with opacity control

Palette

#0A0A0B

#18181B

#27272A

#A1A1AA

#FAFAFA

#F59E0B

#10B981

#EF4444

Typography

Heading

Body

Mono

Custom CSS

Override anything. Break nothing.

Sandboxed CSS scope means your overrides target only the article surface — not the admin shell. Drop in :root variables or full selectors.

css

1 .kb-prose h1 {

2 font-family: 'Inter Display', sans-serif;

3 letter-spacing: -0.02em;

4 }

6 .kb-callout--note {

7 border-left: 4px solid var(--brand-blue);

8 }

Presets

Or pick a preset that already looks right.

→ Stripe-style amber-on-black
→ Linear-style sage-on-zinc
→ Notion-style warm + serif

Stripe-style

Apply

Linear-style

Active

Notion-style

Apply