Theme

Paper

The default theme. Warm cream tones, hand-drawn typography, dashed borders, and sketchy shadows that make the whole app feel like a well-loved notebook.

Color Palette

Paper

#faf6f0 · --color-paper

Page backgrounds, card backgrounds

Paper Dark

#f0e9dd · --color-paper-dark

Secondary backgrounds, code blocks, hover states

Ink

#3c3226 · --color-ink

Primary text, borders, headings

Accent

#c44d2b · --color-accent

Links, active states, buttons, highlights

Typography

Headings

Caveat

Google Fonts · cursive · Variable weight

Used for all headings, hero text, and display text. The hand-drawn letterforms give the Paper theme its personality.

Body Text

Patrick Hand

Google Fonts · cursive · 400 weight

Used for body copy, descriptions, and labels. Readable at small sizes while maintaining the handwritten feel.

Shadow Style

Paper uses hard offset shadows with no blur, creating a sticker or cut-paper effect. Shadows use the ink or accent color for contrast.

Ink shadow

3px 3px 0

Accent shadow

3px 3px 0

Large shadow

4px 4px 0

Border Style

Two border styles: solid 2px for interactive cards, and dashed for dividers and containers.

Solid border

border-2 border-ink

Dashed border

border-dashed border-ink/30

Special Effects

  • Slight rotation — Cards and containers use subtle CSS rotations (0.1-0.3deg) for a hand-placed feel
  • Shadow hover — Interactive elements reduce shadow offset on hover, creating a press-down effect
  • Notebook lines — Optional background pattern mimicking ruled notebook paper
  • Tape corners — Decorative tape strips on hero images and feature cards

Related pages