SaaS AI Dashboard Landing Page
Generates a modern SaaS landing page mockup featuring a central AI dashboard connected to various tool integrations and detailed feature highlight cards.
프롬프트
{
"type": "SaaS 랜딩 페이지 히어로 그래픽",
"style": "현대적인 UI/UX, 라이트 테마, 부드러운 그림자, 글래스모피즘, {argument name=\"primary theme color\" default=\"보라색 및 파란색 그라데이션\"}",
"header": {
"headline": "{argument name=\"main headline\" default=\"AI의 명확함으로 업무를 수행하세요.\"}",
"subheadline": "하나의 지능형 워크스페이스에서 도구 간의 작업, 컨텍스트, 실행을 조정하세요."
},
"layout": {
"center_dashboard": {
"app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
"greeting": "{argument name=\"user greeting\" default=\"좋은 아침입니다, Alex 👋\"}",
"sidebar_links": 8,
"top_metrics_cards": 4,
"recent_activity_items": 3,
"project_progress_bars": 3,
"floating_action_bar": "{argument name=\"floating bar text\" default=\"AI에게 무엇이든 물어보거나 명령어를 입력하세요...\"}"
},
"left_integrations": {
"count": 4,
"style": "중앙 대시보드와 가는 선으로 연결된 알약 모양의 카드",
"labels": [
"Google Calendar: 이벤트 및 일정",
"Notion: 문서 및 지식",
"Slack: 메시지 및 업데이트",
"Google Drive: 파일 및 에셋"
]
},
"right_integrations": {
"count": 4,
"style": "중앙 대시보드와 가는 선으로 연결된 알약 모양의 카드",
"labels": [
"Asana: 작업 및 프로젝트",
"GitHub: 코드 및 커밋",
"Figma: 디자인 파일",
"Microsoft Teams: 통화 및 회의"
]
},
"bottom_feature_cards": {
"count": 3,
"style": "부드러운 그림자가 있는 직사각형 카드",
"cards": [
{
"title": "AI 기반 개요",
"description": "목표, 진행 상황 및 주의가 필요한 사항을 즉시 명확하게 파악하세요.",
"visuals": "24.6시간의 집중 시간과 3개의 하단 지표(회의, 딥 워크, 완료된 작업)를 보여주는 선 그래프"
},
{
"title": "연결된 실행",
"description": "도구 전반의 작업, 업데이트 및 종속성을 일관되게 유지하세요.",
"visuals": "4개의 예정된 작업 목록과 사용자 아바타가 포함된 4개의 팀 업무량 진행률 표시줄"
},
{
"title": "성과를 이끄는 인사이트",
"description": "진행 상황을 이해하고, 위험 요소를 제거하며, 더 스마트한 결정을 내리세요.",
"visuals": "상태별 18개 프로젝트를 보여주는 도넛 차트와 빨간색 깃발 아이콘이 있는 3개의 주요 위험 요소 목록"
}
]
}
}
}
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
{
"type": "SaaS landing page hero graphic",
"style": "Modern UI/UX, light theme, soft shadows, glassmorphism, {argument name=\"primary theme color\" default=\"purple and blue gradients\"}",
"header": {
"headline": "{argument name=\"main headline\" default=\"Run your work with AI clarity.\"}",
"subheadline": "Coordinate tasks, context, and execution across your tools in one intelligent workspace."
},
"layout": {
"center_dashboard": {
"app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
"greeting": "{argument name=\"user greeting\" default=\"Good morning, Alex 👋\"}",
"sidebar_links": 8,
"top_metrics_cards": 4,
"recent_activity_items": 3,
"project_progress_bars": 3,
"floating_action_bar": "{argument name=\"floating bar text\" default=\"Ask AI anything or type a command...\"}"
},
"left_integrations": {
"count": 4,
"style": "pill-shaped cards connected by thin lines to the center dashboard",
"labels": [
"Google Calendar: Events & schedule",
"Notion: Docs & knowledge",
"Slack: Messages & updates",
"Google Drive: Files & assets"
]
},
"right_integrations": {
"count": 4,
"style": "pill-shaped cards connected by thin lines to the center dashboard",
"labels": [
"Asana: Tasks & projects",
"GitHub: Code & commits",
"Figma: Design files",
"Microsoft Teams: Calls & meetings"
]
},
"bottom_feature_cards": {
"count": 3,
"style": "rectangular cards with soft shadows",
"cards": [
{
"title": "AI-powered overview",
"description": "Get instant clarity on goals, progress, and what needs your attention.",
"visuals": "Line chart showing 24.6 hr focus time, and 3 bottom metrics (Meetings, Deep work, Tasks done)"
},
{
"title": "Connected execution",
"description": "Stay aligned with tasks, updates, and dependencies across your tools.",
"visuals": "List of 4 upcoming tasks and 4 team workload progress bars with user avatars"
},
{
"title": "Insights that drive impact",
"description": "Understand progress, unblock risks, and make smarter decisions.",
"visuals": "Donut chart showing 18 projects by status, and a list of 3 top risks with red flag icons"
}
]
}
}
}