elyx.design · OG images · Dark · Gradient · Glass screenshot

Design analysis

A cinematic 1200×630 social card built around a single centred 3D mark: a glossy looped "e" lit with an iridescent white-to-violet gradient, set against a near-black navy field. Hierarchy is purely focal — a warm light band and lens flare bloom across the top edge, a starburst flares off the mark's shoulder, and soft bokeh circles float in the corners — with no headline or copy competing for attention. The treatment reads as premium, studio-lit branding: one hero object, dramatic lighting, generous negative space.

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.

- Screenshot: https://kage-design-assets.t3.tigrisfiles.io/screenshots/elyx-design/ae9456cc-21ef-469b-b402-f455b187f283-1789563403643.webp
- Design on Kage: https://kage.design/designs/elyx-og-image

## Before you start
Ask the user what product or brand the card is for, who it is for, and whether they have a logo/wordmark, brand colours and any type assets. Wait for the answers before designing; everything below is applied to their brand, not the reference.

## Task
Produce a 1200×630 social sharing card (OG image), ideally as HTML/CSS rendered to PNG (e.g. with Playwright/puppeteer) or as an SVG.

## Page structure
- Full-bleed 1200×630 canvas with a very dark blue-to-black radial background (#05070f → #0a1024), deepest at the edges.
- A soft warm light band bleeding across the top edge (pale peach/white horizontal glow, fading down into the dark field) to suggest a studio light source above.
- The brand mark centred, occupying roughly 25–30% of the canvas width, rendered as a 3D-looking object: iridescent gradient fill (white → lavender/violet #b9a8e0 → pale blue), glossy highlight along the top-left, subtle drop shadow beneath.
- A starburst lens flare originating at the mark's upper-right edge, with a few translucent bokeh circles (10–15% white) scattered in the top-right and bottom-left corners for depth.
- Optional: the wordmark or product name in small, widely letter-spaced type in the lower area or beneath the mark, in near-white — keep it quiet so the mark stays the hero.

## Design language
- One focal object only; every light effect exists to illuminate or frame it.
- Dark, cinematic ground: near-black navy with radial vignette, never pure flat black.
- Lighting tells the story: warm band at top, cool reflective surfaces, one specular starburst accent.
- Gradients are iridescent (white through lavender, pink and pale blue), used on the mark itself rather than the background.
- Very high contrast between the glowing subject and the dark field; keep 10–15% white opacity for all decorative glows and bokeh so they stay atmospheric.
- No UI chrome, no grid, no buttons — this is a poster, not a webpage.

## Never
Do not reproduce the reference's looped-e mark, the name "elyx" or any of its exact gradients. Use the user's own mark and branding, or clearly generic placeholder shapes and copy. Never present the result as the reference product.