
UI / UX 디자인
다크 모드 AI 아레나 화이트보드 인터페이스
평가 카드 안에 손글씨 화이트보드를 표시하는 다크 모드 AI 비교 아레나 화면입니다. 프롬프트 말풍선, 모델 태그, 회사명을 변경해 활용하세요.
ui 스크린샷다크 모드화이트보드ai 아레나브랜딩목업미니멀
프롬프트
{
"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"
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[mondrian]자리 표시자[DeepMind]자리 표시자[an Alphabet company]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 4:3
- 추가일