Paper Desktop
Warm paper, ink text, devtool polish
WarmDesktopDevtools
A warm paper-desktop UI style: background #EEEBE4 (paper), ink text #1D1B1A, muted text #6B6560, saffron accent #F9A526 for primary CTAs, surfaces #FFFFFF and #F5F3EF, chrome bar #E5E2DB, borders 1px solid #D9D5CE, radius 12px for windows/cards and 9999px for pill CTAs. Use system sans (-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) with display weight 700 and body 400. Primary button: background #F9A526, text #1D1B1A, padding 12px 24px, radius 4px (or pill for nav CTA), no shadow. Secondary button: white background, 1px border #D9D5CE, text #1D1B1A. Window shadow: 0 25px 50px -12px rgba(0,0,0,0.15). Titlebar: background #E5E2DB with traffic lights (#FF5F56, #FFBD2E, #27CA40). Toolbar: background #F5F3EF with bottom border #D9D5CE.
Paper Desktop is a warm, human devtools aesthetic that borrows from the familiarity of desktop windows and the tactility of paper. It uses ink-like typography on creamy neutrals, letting borders and spacing do most of the structure work. A single saffron accent becomes the "signal color" for primary actions, while everything else stays calm and readable.
Card
Warm desktop card
Paper surfaces, ink text, and a saffron CTA for calm, confident hierarchy.
Button
Window
Sidebar Tiles
📄
home.mdx
📦
Product
💰
Pricing