CUT
PASTE
MAKE
PLAY
mixed media • layered
scissors & glue

Design Aesthetic Reference

Digital Collage

Cut, Paste & Create

A mixed-media, scrapbook-inspired design aesthetic that translates the tactile charm of physical cut-and-paste composition into the digital realm — layered, textured, and deeply personal.

Mixed Voices & Handmade Type

handwritten, marker, typewriter & editorial serif

Display / Caveat 700

Scrapbook Stories

Marker / Permanent Marker

Bold Callouts!

Casual / Patrick Hand

Labels, Captions & Doodle Text

Body / Lora

Elegant serif body text for editorial content. Digital Collage mixes formal and informal type to create warmth and variety on the page.

Whimsical / Shadows Into Light

notes in the margins, personal & free

Typewriter / Special Elite

Vintage labels and caption blocks

UI Text / Nunito

Clean sans-serif for UI elements and body alternatives

Type Scale

6rem Aa
2.2rem Aa
1.5rem Aa
1.3rem Aa
1rem Aa
0.85rem Aa
0.95rem Aa

Font Pairings

Caveat 700 + Lora
Personal journal, editorial scrapbook

Permanent Marker + Nunito
Bold and playful, creative portfolio

Special Elite + Lora
Vintage editorial, retro scrapbook

✂ ✍ ✂

Craft Tones & Sticker Pops

kraft paper, warm cream & playful accents

Kraft Paper
#C4A882
Warm Cream
#F5EDE0
Notebook White
#FAFAF5
Cardboard Brown
#8B7355
Aged Sepia
#A08060
Ink Black
#2B2B2B
Pencil Gray
#7A7A7A
Sticker Pink
#E8668A
Marker Coral
#E87461
Washi Mint
#7EC8A8
Doodle Blue
#5B8DB8
Stamp Purple
#8B6DAF
Highlighter Yellow
#F2D166
Postcard Teal
#4A9E9E
Tape Peach
#F0C4A8

Torn Paper Cards & Tape

like a handmade scrapbook page

Torn Paper Edges

Ragged, irregular edges on images and text blocks simulate physically ripped paper for that authentic handmade quality.

Texture CSS
🎨

Washi Tape Strips

Semi-transparent patterned tape elements serve as connectors, borders, and decorative accents holding the composition together.

Decorative Layering
📌

Sticker Badges

Playful circular elements with white borders and subtle shadows create a peeled-and-stuck appearance across the layout.

Playful Accent

Hand-Drawn Doodles

Sketchy lines, arrows, stars, and margin scrawls add a personal journal-like quality to every composition.

Personal Annotation
📷

Cutout Photography

Subjects isolated with imperfect, hand-cut edges and polaroid-style frames that feel crafted rather than digital.

Photo Analog
📦

Layered Depth

Multiple visual elements stacked with visible overlap, creating depth through shadows, rotation, and partial occlusion.

Layout Shadow

Scissors, Glue & Heart

Every surface is a canvas for layering, pasting, and personal expression

CSS Textures & Collage Tricks

all the handmade techniques, no image assets needed

Torn Paper Edge

Clip-path polygons create irregular, ripped-paper edges on any element.

Washi Tape Layers

Semi-transparent strips with patterns and dashed edges simulate decorative tape.

YAY
NEW
FUN
WOW
GO

Sticker Cluster

Circular badges with white borders and varied rotations create a sticker sheet feel.

remember this moment
important note!

Push Pin Notes

Overlapping paper notes pinned at varied angles simulate a corkboard display.

Doodle Sketches

Notebook-lined backgrounds with scattered stars, circles, and arrows add journal warmth.

Kraft Paper Texture

SVG noise filters and layered gradients simulate the organic warmth of craft paper.

Handmade Buttons

tilted, tactile & playful

Digital Collage isn't about perfection — it's about layering fragments of meaning until something personal, warm, and beautifully imperfect emerges from the overlap.
— The Spirit of Collage

Start Your Scrapbook

cut, paste, layer & create

The Digital Collage aesthetic embraces torn paper, washi tape, hand-drawn doodles, and layered depth. Ground every layout in kraft paper warmth, accent with sticker pops of color, and let the handmade spirit shine through.

Back to the Top