spira.ai
Design analysis
A centered showcase heading introduces a large rounded video card with an obvious play control. The section changes the rhythm from dense information to a cinematic product moment.
Prompt preview
## Reference images Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language. - Component: https://kage-design-assets.t3.tigrisfiles.io/components/spira-maxima/726c84dd-363c-4980-b0d9-b04757b4422a-1791266567-10.webp - Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/spira-maxima/726c84dd-363c-4980-b0d9-b04757b4422a-1791266451959-full.webp - Component on Kage: https://kage.design/component/spira-maxima-card ## Before you start Ask what launch, product story, or demonstration video best represents the user's product and what title supports it, then apply these principles to that product. Create a cinematic media showcase section on a slightly lighter near-black surface (#101111). Center a small eyebrow and a large 40–54px heading, optionally with one accent-colored word chosen for the user's brand. Below, place a wide 16–20px rounded video frame with a dark thumbnail or user-supplied still, a centered circular play button, and subtle border/shadow treatment. Constrain the frame to a generous max width and maintain a consistent aspect ratio. Add hover scale or glow only on the play control; support keyboard activation and reduced motion. Never: use logos, product names, copy, illustrations, or imagery from the reference.
kage