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