
UI / UX Design
Dark Mode AI Arena Whiteboard Interface
Simulates a dark-mode model benchmark arena featuring a handwritten whiteboard inside an evaluation card. Adjust the prompt bubble, model tag, or company branding to customize the preview.
ui screenshotdark modewhiteboardai arenabrandingmockupminimalist
Prompt
{
"type": "dark-mode AI image generation arena screenshot",
"scene": "A widescreen browser-like interface displaying an image generation comparison. The background is charcoal black with subtle rounded panels and neon green outlines. At the top left, a rounded gray prompt bubble contains the text '[A whiteboard with the name of the company/lab that made you written on it]' in white sans-serif typography.",
"layout": {
"visible result cards count": 2,
"cards": [
{
"position": "left edge, partially cropped",
"description": "A comparison card with a thin green border, dark header, small download icon, and an Edit button, showing only the right portion of an office whiteboard image cropped off-screen."
},
{
"position": "center-right, fully visible",
"label": "[mondrian]",
"description": "A large rounded card with a thin green border and dark header featuring neon green label text at the top left, a download arrow icon, and a rounded Edit button with a pencil icon at the top right."
}
]
},
"main generated image": {
"position": "inside the center-right card",
"style": "photorealistic casual phone photo or web preview",
"subject": "a clean whiteboard in an office or meeting room",
"composition": "front-facing whiteboard centered inside a rounded square container, filling most of the frame with a gray top rail and bottom marker tray visible",
"text on whiteboard": "Large handwritten black marker text reads '[DeepMind]'; below it, smaller handwritten text reads '[an Alphabet company]', underlined with a straight black marker line.",
"objects count": 2,
"objects": [
"one black-and-white dry-erase marker resting on the lower tray near the left side",
"one black rectangular eraser resting on the lower tray near the right side"
],
"visual details": "soft indoor office lighting, subtle shadows, clean off-white board surface, natural uneven marker strokes, rounded image corners, crisp UI framing",
"text accuracy": "Legible handwritten text spelled exactly as specified, appearing as natural marker handwriting rather than a digital font."
},
"camera and rendering": "static screenshot perspective, 4:3 overall crop, high-resolution web UI capture, clean modern digital interface"
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[mondrian]placeholder[DeepMind]placeholder[an Alphabet company]placeholder
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 4:3
- Added