All skills
staqd.ai/previews/perspective
Open

Live demo — an original page built in the Perspective style. Open in new tab

Proaesthetic

Perspective

A spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.

Install via CLI

$ npx staqd add perspective
Product and feature showcasesTech and SaaS landing pagesImmersive hero and onboarding screens

Inside this skill

Perspective gives a flat screen real spatial drama. By tilting planes in 3D, layering panels at different depths, and shrinking elements as they recede toward a vanishing point, it turns a static page into a scene you could walk into. A receding grid floor, directional shadows, and cool rim lighting sell the illusion of space and motion. Reach for Perspective on product showcases, tech and SaaS landing pages, and immersive hero or onboarding screens where you want the interface to feel cinematic and forward-moving.

Design principles

  • Establish a consistent vanishing point and light direction, then commit every angled element to it.
  • Use foreshortening for hierarchy: nearer elements are larger, sharper, and brighter; distant ones shrink and dim.
  • Layer panels at distinct depths so the composition reads front-to-back, not just left-to-right.
  • Let shadows and rim light be directional—they reinforce where the light and the viewer stand.
  • Keep the canvas dark and deep so glowing accents and depth gradients carry the sense of space.
  • Use 3D sparingly and purposefully—tilt the hero and showcase, keep body content flat and readable.

Perspective is a Pro skill

Unlock the full Perspective spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library + unlimited MCP
  • Commercial-use rights on output

Use it with these prompts

Tilted hero

Free

Build a landing hero in the Perspective style on a deep navy canvas: a headline in front and a product card tilted in 3D space behind it, receding toward a vanishing point with a soft cyan glow and layered floating panels at different depths.

Floating card stack

Pro
Unlock this prompt with ProUpgrade

Spatial dashboard

Pro
Unlock this prompt with ProUpgrade