Design System

Paper Craft

Handmade textures. Layered depth. Tactile warmth.

01

Colors

A warm palette inspired by paper stocks, craft materials, and natural pigments.

Paper Tones

Cream #faf8f5
Kraft #c4a77d
Rose #f5e1e1
Mint #e1f0e8
Sky #e1ebf5
Lavender #ebe1f5

Accent Colors

Coral #e07a5f
Sage #7d9a78
Navy #3d5a80
Plum #6d4c7d

02

Typography

Handwritten charm meets readable body text. Personal yet professional.

Aa Bb Cc

Caveat - Display

Aa Bb Cc

Patrick Hand - Headings

Aa Bb Cc

Nunito - Body

Display Caveat 64px
Paper Dreams
Heading 1 Caveat 48px
Folded Memories
Heading 2 Caveat 36px
Craft Collection
Heading 3 Patrick Hand 24px
Handwritten Notes
Body Nunito 16px
The art of paper crafting brings warmth and personality to every design. Each fold, cut, and layer tells a story of careful attention.
Small Nunito 14px
Captions, notes, and fine print appear in this smaller, softer style.

03

Spacing

Generous whitespace lets elements breathe, like margins on a handwritten letter.

4px
xs
8px
sm
12px
md
16px
base
24px
lg
32px
xl
48px
2xl
64px
3xl
96px
4xl

04

Buttons

Paper-like buttons with subtle shadows and tactile hover effects.

Standard Buttons

Special Styles

Sizes

05

Forms

Inputs styled like lined notebook paper. Write naturally.

06

Cards

Layered paper cards with tape, folds, and torn edges for depth.

07

Data Table

Organized information on paper-textured surfaces with kraft headers.

Paper Type Weight Texture Price
Cream Cotton 120gsm Smooth $12.99
Kraft Brown 150gsm Textured $8.99
Japanese Washi 80gsm Fibrous $24.99
Recycled Gray 100gsm Speckled $6.99
Vellum 90gsm Translucent $15.99

08

Badges

Labels, tags, and markers inspired by tape, stamps, and stickers.

Tape Labels

New Arrival In Stock Sale

Paper Colors

Rose Mint Sky Lavender Peach Kraft

Stamps & Stickers

Approved Verified Complete Urgent

09

Design Principles

The philosophy behind paper craft aesthetics.

Layered Depth

Stack elements like sheets of paper to create natural depth. Use shadows to show elevation and relationship between components.

Embrace Imperfection

Slight rotations, torn edges, and dog-eared corners add character. Perfect alignment can feel cold; intentional imperfection feels human.

Tactile Textures

Simulate the feel of different paper stocks through subtle gradients, patterns, and shadows. Users should almost feel the texture.

Handmade Warmth

Combine handwritten fonts with crafted decorations. The goal is to evoke the care and attention of something made by hand.