Image2Studio
Prompts

gpt-image-2

Dark SaaS Analytics Dashboard UI

Structured dark SaaS analytics dashboard UI prompt for GPT Image 2.

Structured dark SaaS analytics dashboard UI prompt for GPT Image 2.
Structured dark SaaS analytics dashboard UI prompt for GPT Image 2.
Prompt

{ "type": "dark SaaS analytics dashboard UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "dark navy blue glassmorphism interface with subtle gradients, soft glow, rounded cards, thin borders, modern developer-tool aesthetic" }, "canvas": { "aspect_ratio": "16:9", "background": "deep midnight blue with faint vignette and soft radial lighting" }, "layout": { "structure": "left sidebar plus main content area", "sections": [ { "title": "Sidebar", "position": "left", "count": 8, "labels": ["AICode", "Overview", "Projects", "AI Assistants", "API & Usage", "Code Quality", "Team", "Settings"], "details": "logo at top, Overview selected with purple highlight, lower subscription card showing Pro Plan, renews in 12 days, horizontal progress bar at 75%, user profile at bottom with avatar, {argument name=\"user name\" default=\"Alex Morgan\"}, and email alex@morgan.dev" }, { "title": "Header", "position": "top main area", "count": 4, "labels": ["Welcome back, Alex 👋", "Here's what's happening with your AI coding platform today.", "May 12 – Jun 12, 2024", "Export Report"], "details": "large greeting on left, date range picker and export button on right" }, { "title": "Metric cards", "position": "top row under header", "count": 4, "labels": ["Total Users", "Active Projects", "API Calls", "Code Quality Score"], "values": ["12,842", "2,153", "1.28M", "876"], "details": "each card has a small colored icon, large main value, comparison text vs Apr 12 – May 12, 2024, positive change percentages 14.6%, 8.3%, 23.7%, 5.9%, and a miniature line chart at the bottom; colors are purple, green, amber, and blue" }, { "title": "Main analytics panels", "position": "middle and bottom rows", "count": 4, "labels": ["API Calls Over Time", "Top Projects", "User Activity Heatmap", "Code Quality Trends"], "details": "API Calls Over Time is a wide area chart with Daily dropdown and rising purple line ending near 250K; Top Projects is a ranked list of 5 items with progress bars and percentage changes; User Activity Heatmap is a 7-row weekly heatmap with hour labels from 12 AM to 9 PM; Code Quality Trends is a line chart with Weekly dropdown and smooth upward purple trend from about 70 to low 90s" }, { "title": "Top Projects list", "position": "middle right panel", "count": 5, "labels": ["AI Code Assistant", "Smart Refactor", "Code Review Bot", "Doc Generator", "Test Builder"], "values": ["485K", "321K", "214K", "132K", "98K"], "details": "green positive deltas for first four items 12.4%, 8.7%, 3.1%, 6.8%, and red negative delta -1.2% for Test Builder; each row has a colored square icon and thin horizontal progress bar" } ] }, "style": { "visual_language": "premium fintech and AI product design mockup", "rendering": "crisp high-fidelity UI mockup, subtle shadows, neon edge lighting, polished charts, clean sans-serif typography", "primary_accent": "{argument name=\"accent color\" default=\"electric purple\"}", "secondary_accents": ["emerald green", "amber yellow", "cyan blue"], "density": "information-rich but spacious, balanced grid, highly legible" } }

Prompt structure
  • Modelgpt-image-2
  • Use caseapp-ui-mockup
  • Styleeditorial, minimal, cyberpunk, isometric
  • Aspect ratioFlexible
Best used for
  • Use caseapp-ui-mockup
  • Styleeditorial, minimal, cyberpunk, isometric
  • Recommended specs1:1, 4:5, 16:9, or 9:16
  • ModelGPT Image 2
How to customize

Use this Dark SaaS Analytics Dashboard UI prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the app-ui-mockup intent and editorial, minimal, cyberpunk, isometric direction stable.

Editable variables
  • SubjectReplace the product, person, scene, interface, or object being generated.
  • Use caseKeep or rewrite the destination as app ui mockup, ad creative, cover image, poster, or ecommerce hero.
  • FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
  • Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.
Recommended specs

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

Pre-generation checklist
  • CheckSubject, lighting, composition, and frame are specific enough to review.
  • CheckText-safe space is included when the image will carry a headline or ad copy.
  • CheckResolution, credit cost, and final destination are checked before generation.
Why this prompt works

Dark SaaS Analytics Dashboard UI works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for app ui mockup while keeping the editorial, minimal, cyberpunk, isometric direction stable.

Common questions
  • Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
  • Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.