
UI / UX 디자인
다크 모드 AI 아레나 비교 UI
화이트보드 생성 결과를 나란히 비교하는 다크 모드 AI 벤치마크 화면을 만듭니다. 상단 프롬프트와 모델명, 보드의 손글씨 문구를 원하는 대로 변경하세요.
ui 스크린샷다크 모드ai 아레나벤치마크화이트보드웹 인터페이스
유사한 프롬프트 둘러보기다크 모드 AI 프롬프트
프롬프트
{
"type": "dark-mode AI image comparison interface screenshot",
"style": "realistic web UI screenshot, dark charcoal background, thin neon-green outlines, clean sans-serif text, slightly cropped browser-like composition",
"canvas": "wide landscape screenshot, approximately 16:9",
"top_prompt": {
"count": 1,
"position": "top left",
"appearance": "rounded dark gray pill with white text",
"text": "[A whiteboard with the name of the company/lab that made you written on it]"
},
"result_panels": {
"count": 2,
"description": "two side-by-side generated image cards with green borders; the left card is partially cut off at the left edge and the right card is fully visible and emphasized",
"shared_controls": {
"count": 2,
"items": [
"download icon near top right of each panel",
"Edit button with pencil icon near top right of each panel"
]
},
"left_panel": {
"position": "far left, cropped",
"content": "partial view of a whiteboard photo in an office setting with only part of handwritten text visible, plus a desk and computer monitors in the background"
},
"right_panel": {
"position": "center-right",
"label": "[mondrian]",
"label_style": "small green monospace text at upper left of card",
"content": "realistic photo of a large whiteboard filling most of the card, framed by metal top rail and bottom tray, with a dry-erase marker on tray at bottom left and eraser at bottom right",
"whiteboard_text": {
"count": 2,
"items": [
"large handwritten word: [DeepMind]",
"smaller handwritten subtitle: [an Alphabet company]"
],
"appearance": "black dry-erase marker handwriting, centered, casual uneven lettering; subtitle is underlined with a single horizontal line"
},
"image_framing": "rounded corners with dark margins inside panel"
}
},
"lighting": "soft indoor lighting on whiteboard image, high contrast between white board and dark UI",
"avoid": "extra logos, watermarks, people, or additional text beyond prompt, panel label, controls, and whiteboard writing"
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[mondrian]자리 표시자[DeepMind]자리 표시자[an Alphabet company]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일