Gallery
Three complete pages.
One layout system.

Each entry is a fully working page — professional SaaS, design-studio editorial, and all-out generative art — assembled exclusively from @the-design-system/layout primitives, and the new quadrilateral-layout transform API.

quadrilateral-layout — new transform API Docs →
skew-x
skew-x="-10deg"
Oblique stripes, parallelogram cards, diagonal accents.
skew-y
skew-y="8deg"
Vertical shear — diagonal section dividers.
rotate
rotate="45deg"
2D and 3D rotation. Composes with scale & translate.
scale
scale="1.25"
Uniform or x/y. Lift on hover, focal zoom, squeeze.
translate
translate="12px -10px"
Independent x/y/z nudge. Float, parallax, 3D depth.
All four composing
skew-x rotate scale translate
All four compose multiplicatively — no overwrite.
Three Pages. One System. Click any card to open