Perspective

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.

Color

Perspective lives in deep space. The canvas is a near-black navy (#0B1020) that recedes infinitely; surfaces are a lifted navy (#141B30) for panels that float above it. Foreground text is a cool off-white (#E8ECF5); muted text and distant labels use #8A93AD. Depth is reinforced by two accents that double as light: a cyan (#22D3EE) for near rim light, primary actions, and highlights, and a violet (#7C5CFF) for the far end of depth gradients and secondary glow. Borders (#26304B) define panel edges in low light. Use a violet-to-cyan gradient on the receding grid floor and as a glow behind the hero subject to imply atmosphere and distance.

For a lighter variant, raise the canvas to #EEF1F8 with surfaces #FFFFFF, foreground #141B30, muted #5A6479, and keep the cyan and violet accents—but soften glows and rely more on directional shadow than rim light, since glows read weakly on light backgrounds.