Suno — Dark AI Product

Dark AI Product

Black AI-product UI cracked open by a warm lava-glow hero and vivid AI-generated album art as accent color.

Mood: Playful-meets-powerful AI tool. Warm and human rather than cold-tech, but still clearly a serious dark-UI product.
Colors: Matte near-black base (#0B0B0C) for feature and pricing sections, a warm orange-brown-to-black radial gradient (#C65A2E to #7A2F1E to #0B0B0C) behind the hero, pure white headline text (#FFFFFF), and an orange-to-pink gradient CTA accent (#FF7A45 to #FF3E7F).
Type: A bold, slightly rounded geometric grotesque (Söhne or General Sans at heavy weight) for headlines set large and centered; regular-weight body copy in the same family, muted gray-white on dark backgrounds.
Layout: Centered hero with floating tilted album-cover cards flanking a bold two-line headline and a chat-style prompt input as the primary CTA; a faded trust-logo strip; a horizontal scrolling rail of song/cover cards; a 3x3 dark feature-card grid each with a small colorful gradient icon tile; a 3-column pricing grid with a highlighted 'best value' plan.
Motion: Animated gradient glow drifting behind the hero, floating album cards with subtle hover tilt, horizontal auto-scrolling card rail, gradient shimmer sweep on the primary CTA button.
Texture: Warm noisy gradient glow like a lava lamp behind the hero; vivid, colorful AI-generated artwork squares set against matte black cards for contrast; soft 16-20px rounded corners throughout; gradient-fill icon tiles inside feature cards.
Imagery: Generate: warm orange-to-black radial gradient glow textures for hero backgrounds, and a set of vivid, colorful abstract AI-generated album-cover squares (desert, forest, bird, mountain themes) to use as accent thumbnails. Tool: kie-ai Flux or Seedream for the glow gradients; nano-banana or GPT-Image for the album-art squares.
Don't: No cold blue tech palette, no flat solid-color sections, no corporate stock photography, no harsh pure-white sections — the warmth of the orange glow against black is the whole point.

Use in a session

suno

Tell Claude: build [my thing] using swipe ref suno

Full recreation prompt

Recreate a landing page in the "Suno — Dark AI Product" style (Dark AI Product). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Playful-meets-powerful AI tool. Warm and human rather than cold-tech, but still clearly a serious dark-UI product.
- Colors: Matte near-black base (#0B0B0C) for feature and pricing sections, a warm orange-brown-to-black radial gradient (#C65A2E to #7A2F1E to #0B0B0C) behind the hero, pure white headline text (#FFFFFF), and an orange-to-pink gradient CTA accent (#FF7A45 to #FF3E7F).
- Typography: A bold, slightly rounded geometric grotesque (Söhne or General Sans at heavy weight) for headlines set large and centered; regular-weight body copy in the same family, muted gray-white on dark backgrounds.
- Layout: Centered hero with floating tilted album-cover cards flanking a bold two-line headline and a chat-style prompt input as the primary CTA; a faded trust-logo strip; a horizontal scrolling rail of song/cover cards; a 3x3 dark feature-card grid each with a small colorful gradient icon tile; a 3-column pricing grid with a highlighted 'best value' plan.
- Motion: Animated gradient glow drifting behind the hero, floating album cards with subtle hover tilt, horizontal auto-scrolling card rail, gradient shimmer sweep on the primary CTA button.
- Texture: Warm noisy gradient glow like a lava lamp behind the hero; vivid, colorful AI-generated artwork squares set against matte black cards for contrast; soft 16-20px rounded corners throughout; gradient-fill icon tiles inside feature cards.
- Avoid: No cold blue tech palette, no flat solid-color sections, no corporate stock photography, no harsh pure-white sections — the warmth of the orange glow against black is the whole point.

Imagery (generate real assets, do not use placeholders): Generate: warm orange-to-black radial gradient glow textures for hero backgrounds, and a set of vivid, colorful abstract AI-generated album-cover squares (desert, forest, bird, mountain themes) to use as accent thumbnails. Tool: kie-ai Flux or Seedream for the glow gradients; nano-banana or GPT-Image for the album-art squares.

Reference exemplar: https://suno.com/. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://suno.com/ ↗