Collage Overlap
A z-depth layered collage system where UI elements deliberately overlap each other — images behind text behind cards behind images. Creates real depth without 3D through negative margins, rotation, and semi-transparent colored rectangles. I
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/collage-overlap and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
A design system built on deliberate z-axis layering, where negative margins, rotation, and semi-transparent color blocks create the compositional energy of a physical collage inside a digital interface.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill produces interfaces that look and feel like physical collages — elements overlap, rotate, and layer on top of each other with real z-axis depth. Semi-transparent colored rectangles create compositional accents. Cards stack with negative margins. Nothing aligns to a clean grid. The result is an editorial, handmade energy suited to cultural catalogs, festival programs, and creative portfolios.
