unbland Get the pack
accent: #3A5BFF
title: Archivo
ONBOARDING 60 seconds, once per brand

Make it look like your brand.

Our styles look great out of the box. They look better in your colors. Point your agent at your website once, and every slide, chart, mockup and launch video comes out on-brand.

01 — THE FLOW

One sentence. One yes.

Your agent reads your homepage, proposes a diff, and only writes your tokens after you say yes. Your page background becomes the slide background. Your button color becomes the accent. Your fonts become the fonts.

claude code
you onboard unbland to https://yoursite.com
agent → fetches the homepage + 2 inner pages
→ extracts palette and font stack
→ maps values to paper ink muted accent
→ checks contrast, shows the diff:
- accent #3A5BFF
+ accent #2E7D4F
- title Archivo
+ title Fraunces
you yes, apply it
02 — WHAT GETS EXTRACTED

Your site, translated.

Everything downstream uses role names, so "accent" means your accent in every style, not a hard-coded hex.

{{m.from}} {{m.to}}
03 — CONTRAST, CHECKED FOR YOU

Your pink stays pink. Your text stays readable.

2.9:1 · fails AA
FROM YOUR SITE · #FF4D8D
Activation finally moved.
Small text in this pink is hard to read on a projector.
4.8:1 · passes AA
FOR TEXT · #D11F63
Activation finally moved.
Fills and bars keep the original pink.

Before writing anything, your agent checks ink on paper and accent on paper against WCAG AA. If a color fails at small sizes, it proposes a darker shade for text and tells you why.

04 — THE FIRST-RUN GATE

No surprise defaults.

The first time you use a style in a new project, your agent checks whether your brand is set up. If it isn't, it asks before it ships anything. Try it.

AGENT
This is your first deck in this project, and your style guide is still on the Unbland default. Want to run onboarding, paste your tokens, or keep the default?
AGENT
{{answer}}
05 — MANUAL OVERRIDE

Rather do it by hand?

Open unbland/style-guide.md and edit the table. Every style reads from it.

| role    | value     |
|---------|-----------|
| paper   | #FAFAF7   |
| ink     | #111111   |
| muted   | #5F5E5A   |
| paper-2 | #FFFFFF   |
| accent  | #3A5BFF   |
| title   | Archivo   |
| body    | Instrument Sans |
06 — MULTIPLE CLIENTS

One profile per brand.

Agencies and freelancers keep a profile per client and switch with one line.

Fernway
Northbeam
Pixel Pantry
› unbland use pixel-pantry

Every style. Your brand.

Onboarding comes with every pack. Set it up once, and it's on-brand forever.

Get the pack — $19