Paperclip Design Guide

Paperclip's UI is a professional-grade control plane — dense, keyboard-driven, dark-themed by default. Every pixel earns its place.

Always use with: frontend-design (visual polish) and web-design-guidelines (web best practices).

1. Design Principles

• Dense but scannable. Maximum information without clicks to reveal. Whitespace separates, not pads.
• Keyboard-first. Global shortcuts (Cmd+K, C, [, ]). Power users rarely touch the mouse.
• Contextual, not modal. Inline editing over dialog boxes. Dropdowns over page navigations.
• Dark theme default. Neutral grays (OKLCH), not pure black. Accent colors for status/priority only. Text is the primary visual element.
• Component-driven. Prefer reusable components that capture style conventions. Build at the right abstraction — not too granular, not too monolithic.

2. Tech Stack