인포그래픽/안내

KPI 대시보드 목업

KPI 대시보드 화면 mockup. 차트·지표·필터.

인포그래픽/안내 KPI 대시보드 목업 AI 프롬프트 이미지 프롬프트 KPI 대시보드 목업 차트 지표 필터 분석 통계

대시보드제목 마케팅 KPI 대시보드

부제 매출 증대와 고객 확보를 위한 데이터 실시간 시각화와 전략 분석

KPI카드 CTR · CVR · ROAS · CAC · LTV — 5개 핵심 지표 카드

차트구성 매출 성장 추이, 채널별 매출 분석, 디바이스별 전환 비용, ROAS 성과 게이지

필터탭 기간 / 채널 / 디바이스 — 상단 필터 탭

기간라벨 2026년 4월 1일 ~ 4월 30일

색상테마 다크 차콜 + 시안·라임·코랄·앰버 데이터 액센트

비주얼스타일 데이터가 풍부한 프리미엄 SaaS 대시보드 목업

사용자 김하린 매니저

팀명 그로스마케팅팀

업데이트시간 2026년 5월 1일 업데이트

인사이트제목 이번 달 핵심 인사이트

프롬프트

[Input]
- language: Korean
- output_size: 1536x1024

[Purpose]
KPI dashboard mockup for a marketing performance presentation, designed as a polished UI/UX hero image for business reporting, executive slide cover use, and SaaS product showcase.

[Composition]
- Main dashboard panel occupies about 90% of the canvas, centered in a 1536x1024 landscape frame with a thin top app bar, visible side navigation rail, and realistic product chrome.
- Use {대시보드제목} as the main title, {부제} as the supporting subtitle, {KPI카드} as the row of KPI summary cards, {차트구성} as the analytic modules, {필터탭} as the control strip, {색상테마} as the visual theme, and {비주얼스타일} as the overall presentation style.
- Background should be a deep matte charcoal workspace with subtle noise texture, soft monitor glow, fine panel reflections, and crisp UI separation.
- Layout should feel like a premium SaaS product screenshot: strong grid, readable density, precise alignment, natural executive-report content, and no perspective tilt.
- Include realistic business UI details such as an account avatar, notification chip, export button, updated timestamp, small status badges, source note, and a compact insight callout so the dashboard feels like an actively used analytics product.

[3. CORE STRUCTURE]
- Top app bar (top 7%): show product-style navigation labels such as "개요", "캠페인", "성과", "리포트", a search field, notification dot, user avatar for {사용자}, and a small workspace label for {팀명}.
- Header area (next 12%): place {대시보드제목}, {부제}, breadcrumb labels, the timestamp {업데이트시간}, and right-side buttons reading "공유", "PDF 내보내기", "보고서 예약"; use precise spacing and thin divider lines.
- Filter strip (below header): render {필터탭} as pill tabs with active-state emphasis, tiny icon markers, dropdown arrows, and readable values such as {기간라벨}; include a small comparison selector reading "전월 대비".
- KPI summary row (upper analytic band): show 5 metric cards for {KPI카드}, each card with a bold numeric value, small trend arrow, sparkline, target progress bar, and micro-label; keep equal card widths and consistent padding.
- Main chart zone (middle 46%): arrange {차트구성} as a 2-column analytic board, with one large primary line-and-bar chart on the left and three smaller supporting charts on the right; include clear axes, legend chips, hover-style tooltip card, annotations, and subtle grid lines.
- Lower intelligence zone (bottom 18%): add a compact campaign table with channel rows, budget, conversions, ROAS, owner, status chips, plus a right-side insight card titled {인사이트제목} with 3 short bullet findings and a priority tag.
- Data accent layer: integrate {색상테마} through chart lines, bars, donut segments, gauge indicators, status chips, and CTA accents, while preserving a charcoal base and high contrast readability.
- Visual framing: make {비주얼스타일} look like a high-fidelity product mockup, with sharp corners, 1px borders, inset panel shadow, soft glass highlights, and a workspace-like dashboard environment.

[4. STYLE RULES]
- Typography: use Pretendard and Inter, with bold 700 for title text, 600 for KPI values, and 400–500 for labels; keep Korean text crisp, geometric, and highly legible.
- Color palette: charcoal #1B1E23, slate #2A2F36, cyan #3DD6FF, lime #A6E22E, coral #FF6B6B, amber #FFB020, soft white #F3F5F7.
- Border/shadow: 1px cool-gray borders, soft drop shadow 0px 10px 24px rgba(0,0,0,0.28), subtle inner glow on active cards, faint separators between modules.
- UI realism: include consistent icon sizes, tab hover states, checkbox-style row selectors, chart legends, page indicator text, and realistic values that match the marketing KPI theme.
- Text hierarchy: title and KPI numbers should be readable at thumbnail scale, while table rows and annotations remain plausible and neatly typeset.

[5. VISUAL STYLE]
- Camera / lens: front-facing screen-capture aesthetic, equivalent to a 50mm f/8 clean product documentation shot, perfectly orthographic and distortion-free.
- Lighting: controlled studio monitor glow with soft ambient edge light from upper-left, faint reflective highlight on panel edges, no harsh reflections.
- Color grade: dark UI neutral base with cyan/lime/coral/amber data accents, slightly cool-toned contrast, crisp whites, and restrained saturation.

[6. MOOD]
Premium SaaS analytics dashboard — executive-ready, data-rich, modern Korean B2B reporting interface with Notion x Stripe x linear.app product presentation feel.

[7. CRITICAL]
- Korean text accuracy: must render exactly these Korean strings where applicable: "마케팅 KPI", "매출·운영·고객 만족", "CTR", "CVR", "ROAS", "CAC", "LTV", "기간", "채널", "디바이스".
- Add realistic Korean UI labels: "2026년 5월 1일 업데이트", "실시간 캠페인 요약", "필터: 기간 · 채널 · 디바이스", "전월 대비", "공유", "PDF 내보내기", "보고서 예약", "데이터 출처: GA4 · CRM · 광고 관리자", "목표 달성률", "예산 소진", "전환 수", "캠페인 상태".
- KPI values must be legible and plausible: "CTR 4.8%", "CVR 3.2%", "ROAS 486%", "CAC ₩18,400", "LTV ₩142,000" with trend arrows and short Korean micro-labels.
- Campaign table should include readable rows such as "검색 광고", "리타겟팅", "브랜드 캠페인", "카카오 채널", with status chips "정상", "주의", "상승".
- All charts, cards, tabs, tooltips, and table rows must remain neatly aligned to a strict grid with consistent spacing and readable labels.
- No distorted Korean glyphs, no placeholder gibberish, no broken UI text, and no illegible axis labels.

[8. 🚫 PROHIBITED]
- Fake official seals / certifications
- Broken Korean characters
- Garbled chart labels, missing UI text, or illegible dashboard numbers
- Celebrity composites or unauthorized portrait likenesses

ChatGPT 실행

KPI 대시보드 목업

비슷한 템플릿