Gallery: Grid of UI components

Generated once with imgen using ideogram-ai/ideogram-v3-quality and committed as WebP, because generation needs a Replicate API token. The command passes the prompt exactly as it was used; the model returned 1024×1024 pixels.

Gallery: Grid of UI components

examples/gallery/warum-sich-design-systems-rechnen.webp

imgen 'Bold glowing title text at top: "Design Systems rechnen sich". 3D isometric grid of UI components — buttons, cards, color swatches, typography tokens — floating in organized layers, connected by glowing lines forming a system. Dark background with cyan and magenta neon accents, flat vector art style, dramatic lighting' \
  --model ideogram-ai/ideogram-v3-quality \
  --width 1000 --height 1080 \
  --out warum-sich-design-systems-rechnen.png

Isometric grid of rounded UI component tiles – cards, buttons and groups of coloured dots in red, cyan, yellow and grey – on a dark grid, framed by a neon line fading from cyan to purple. At the top the headline “Design Systems rechnen Sich” in glowing white letters.

gallery
ideogram-v3-quality