Kage Design logo kage
spira.ai
Spira Maxima card component

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.

More components