Brand guide
The pdf-skill.md look & feel.
These guidelines describe the pdf-skill.md visual system: a warm, paper-toned palette built around a single calm sage accent.
Logo & mark
The mark pairs a rounded sage tile with a document glyph. It retains clear space on all sides, and the glyph is never recolored.
Primary
Sage tile, white glyph.
On dark
For deep neutral backgrounds.
Lockup
Mark + wordmark inline.
Color palette
Sage is the only brand color. All other values are warm paper neutrals or true dark-mode neutrals.
Brand & ink
Warm surfaces
Dark mode
Typography
Geist Sans carries the interface, a serif sets editorial headlines, and Geist Mono handles code.
Serif display for headlines
Create and edit PDFs in Claude.
Geist Sans for interface & body
The quick sage fox keeps documents calm, legible, and on brand across every page.
Geist Mono for code
const brand = "#5a8270";
UI building blocks
Pill buttons, soft cards, and tinted chips. Rounded corners and gentle shadows define an approachable interface.
Soft card
Border, blur, and a faint shadow on paper.
Consistent radius
Cards use 2xl; pills and tags go full round.
Accent sparingly
One sage highlight per view keeps focus clear.
Voice & tone
The product voice is confident, calm, and practical. It focuses on real work done with Claude, never hype.
Do
- “Create polished PDFs in Claude.”
- “Brand assets in one focused place.”
- Outcome first, in short sentences.
Don't
- “Revolutionary AI-powered next-gen documents!”
- Stacked buzzwords or exclamation points.
- Over-explanation of the obvious.