Design Aesthetic Reference

Paper Cut

Layered Depth & Handmade Warmth

A tactile design language that translates centuries-old paper cutting traditions into digital interfaces — stacked layers, soft shadows, bold flat colors, and the warmth of hand-cut craft.

Rounded, Warm & Crafted

Friendly display fonts paired with clean, readable body text

Display / Fredoka 700

Paper Craft

Heading / Fredoka 600

Layered Section Headings

Subheading / Nunito 700

Warm, readable subheadings

Body / Nunito 400

Soft, rounded text for comfortable long-form reading. The Paper Cut aesthetic pairs whimsical display type with grounded, legible body fonts.

Decorative / Comfortaa

gentle & soft creative details

UI Label / Quicksand 600

Buttons & Navigation Labels

Type Scale

4.5rem Aa
2.4rem Aa
1.6rem Aa
1.1rem Aa
1rem Aa
0.85rem Aa

Font Pairings

Fredoka + Nunito
Playful, warm, approachable — the primary pairing

Comfortaa + Quicksand
Gentle, soft, minimal geometric warmth

Fredoka + DM Sans
Crafty headline meets professional body text

✂ ✂ ✂

Craft Paper & Cardstock

Bold but slightly muted, like dyed construction paper

Cream Canvas
#FAF3E8
Kraft Brown
#C9A96E
Paper White
#F5F0EB
Sky Blue
#6BAFE2
Forest Green
#3D8B5F
Goldenrod
#E8B84B
Terracotta
#C85A3A
Dusty Rose
#D4808A
Deep Navy
#2A3D5C
Sage Green
#8DB48E
Sunset Orange
#E8844A
Cloud Lavender
#B8A9D4
Charcoal Paper
#3E4147
Soft Coral
#F0A898
Pine Dark
#2D5E45

Paper Layer Cards

Each card is a sheet of paper floating above the surface

✂

Stacked Shadows

Multi-layered box-shadows at increasing blur radii create the illusion of physically elevated paper sheets casting realistic light onto surfaces below.

Depth CSS
✎

Wavy Dividers

Organic, curved clip-path silhouettes replace hard horizontal rules, making each section transition feel like one paper layer peeling away to reveal the next.

Layout SVG
🌳

Craft Illustrations

Scenery and decorative elements are composed from overlapping paper-like shapes — mountains, trees, clouds — using flat colors and stacked layers.

Visual Organic
☁

Paper Texture

Faint grain overlays on surfaces suggest the tactile quality of real construction paper, adding physical warmth without overwhelming the visual content.

Texture Filter
✿

Dog-Ear Folds

Folded corner details on cards and containers reinforce the paper metaphor — a subtle triangle that suggests a page corner peeling back to reveal layers beneath.

Detail Craft
★

Dimensional Type

Letterforms appear cut from paper with shadow offsets or layered color behind them, creating text that feels physically present and elevated on the page.

Typography Shadow
✂ 📜 🎨 ✍ 📜 ✂ 🎨

Layers, Craft & Dimension

From Chinese jianzhi to Polish wycinanki, the art of paper cutting spans centuries

CSS Paper Techniques

All the paper-cut magic, no image assets required

Paper Layers

Stacked clip-path silhouettes with drop-shadow filters create layered mountain landscapes.

Dog-Ear Fold

Border-based triangle corners simulate a page fold, with subtle drop-shadow for realism.

Torn Paper Edge

Irregular clip-path polygons along edges mimic hand-torn paper for organic boundaries.

Paper Grain

SVG noise filter overlays add tactile fiber texture to flat color surfaces.

DEPTH

Paper Stack

Overlapping rotated elements at increasing z-indices with layered box-shadows create tangible depth.

Wavy Cut

Organic clip-path curves simulate hand-cut paper edges for whimsical section transitions.

Paper Cut Buttons

Small clickable paper pieces that lift on hover

“
Paper Cut design reminds us that the most compelling digital experiences feel crafted by hand — layered, tactile, warm, and full of the depth that only physical materials can inspire.
— The Art of Paper Craft Design

Cut, Layer, Create

craft depth from flat surfaces

The Paper Cut aesthetic embraces bold flat colors, multi-layered shadows, organic silhouettes, and the warmth of handmade craft. Stack your paper layers, cast your shadows — and let the depth tell the story.

Back to the Top