GraceSoft
PaperStack
A paper-inspired design system built HTML-first, CSS-first. Minimal JavaScript, maximum expressiveness. Built for editorial interfaces, creative tools, and thoughtful applications.
What's inside
Design Tokens
Color palettes (G2, Stabilo, Parchment), typography scale, spacing, motion, radius, shadows, and z-index — all as CSS custom properties.
Foundations
Modern CSS reset, base typography, prose styles, accessibility utilities (focus rings, skip links, reduced motion).
Utility Classes
Layout, spacing, typography, paper surface, state, and responsive utilities — all generated from design tokens.
Themes
Light, Dark Parchment, Vintage Paper, and Terminal Paper themes. Switch at runtime with a single data attribute.
Components
Paper surfaces, cards, panels, sidebars, tabs, toolbar, dividers, annotations, and command palette — zero dependencies.
Framework Adapters
React and Vue component wrappers for all base components — tree-shakeable, typed, and peer-dependency-safe.