Paper

Paper treats the screen like a real desk with real sheets on it. Surfaces sit slightly above a warm, off-white canvas and cast soft, low shadows so the eye reads depth without ever feeling busy. The result is calm, tactile, and unmistakably editorial—a style built for words, reading, and unhurried attention. Reach for Paper when the content is the product: essays, documentation, journals, and any interface where you want the reader to forget the interface entirely.

Design principles

• Mimic physical paper: a warm canvas beneath, white sheets above, with shadow doing the work of separation instead of borders.
• Whitespace is structural, not decorative—generous margins and line spacing carry the hierarchy.
• One accent, used sparingly. Terracotta marks intent (links, active states, primary actions) and nothing else.
• Serif for voice, sans for utility: display headings feel printed, body and UI feel quiet.
• Shadows stay soft, low, and warm-tinted; never gray, never harsh, never floating too high.
• Restraint over ornament. If an element can be removed without losing meaning, remove it.

Color

The foundation is a warm off-white canvas (#FAF7F0) that reads like uncoated stock under soft light. Content sheets use pure #FFFFFF so they appear to rest just above the canvas, with separation created by shadow rather than the #E7E1D6 border, which is reserved for hairline dividers and inputs. Primary text is a near-black warm ink (#1C1B19) for high legibility without the starkness of true black; muted text (#7A746B) handles captions, metadata, and timestamps. The single accent is a terracotta (#C2410C) used for links, focus, and primary buttons.

For dark mode, invert toward ink rather than black: canvas #1A1916, sheets #23211D, foreground #F2EDE3, muted #A39C90, borders #34312B. Lighten the accent slightly to #E5703F so it holds contrast against dark surfaces. Keep shadows present but lower opacity (around 0.4) so layering survives in the dark.