Layered Depth
Multi-layer box shadows simulate the tactility of stacked paper sheets, giving your UI a grounded, physical presence.
Introducing PaperStack
Design Like
Design Like
Paper Feels.
PaperStack is a UI design system that brings the warmth, depth, and tactility of paper to your digital products.
Free during early access · No credit card required
A design system with
paper at its core
Every decision in PaperStack is informed by the qualities that make paper feel special — texture, depth, layering, and restraint.
Editorial Typography
A curated type system pairing Playfair Display with Montserrat — expressive headings, readable body, refined details.
Paper-First Palette
Warm neutrals drawn from paper stock, ink, and shadow. A restrained system that lets content breathe.
Texture Language
Subtle grain and surface cues that evoke tactility without relying on literal imagery. Feels touchable, stays digital.
Component Library
Pre-built, accessible UI components — cards, buttons, forms, modals — all expressing the paper aesthetic natively.
Design Tokens
Every decision — spacing, color, shadow, radius — exported as JSON tokens. Consistent across platforms and themes.
Up and running
in minutes
PaperStack is framework-agnostic. Drop it into any stack, any project.
01
Install
Add PaperStack to your project in seconds.
npm install @gracesoft/paperstack 02
Import
Drop the stylesheet and tokens into your codebase.
import '@gracesoft/paperstack/css'; 03
Build
Compose beautiful, paper-inspired interfaces with ready-made components and design tokens.
<div class="ps-card ps-paper">…</div> Built from the
paper up
A cohesive visual language — depth, type, and palette — all working together to give your UI a physical, tactile feel.
Shadow Scale
xs
sm
paper
paper-md
paper-lg
Color Palette
Paper
Indigo
Black
Type Specimen
The quick brown fox
The quick brown fox jumps over the lazy dog
npm install @gracesoft/paperstack
Let's build something
together
Questions, collaborations, or just want early access? Fill in the form and we'll get back to you.