DEPTH
DEPTH is a real-time 3D studio for Figma that lets designers create studio-quality renders with forms, materials, lighting and environments.
About DEPTH
DEPTH brings a full 3D workflow into Figma, so a designer can import a model, reshape its scale, orientation and silhouette in context, then move straight into surfacing. Materials are tuned through controls for roughness, metalness and clearcoat, with presets like worn concrete, powder-coated metal, white marble and onyx shown as worked examples.
The marketing site walks through the same pipeline it sells. A dark, near-black interface frames each stage, from form to matter to light, and an HDRI environment step lets visitors direct illumination until shadow and reflection fall into place.
Color palette
Typography
Website details
/frontpage
Visitors can rotate a hero island with the pointer or Left and Right Arrow keys, reset it with Home, and scroll to move through the render pipeline; hover states are defined for hero controls, material tiles and calls to action.
The page mixes imagery with two embedded video elements and worked material examples such as worn concrete, white marble and onyx, each annotated with roughness, metalness and clearcoat settings.
The typography uses Inter as its identified typeface. The interface sits on near-black surfaces with white and pale ice-blue text, giving the 3D scenes a darkroom feel that matches the tagline that every render begins in the dark. A fine rectangular grid frames the centered three-dimensional scene, with compact navigation and small labels distributed around its edges.
No Webflow, Framer, Wix, Squarespace, Shopify or WordPress signature was found in the code, indicating a custom-built site; the product itself runs inside Figma.
