이미지 프롬프트

SaaS AI 대시보드 랜딩 페이지

다양한 도구 연동 및 상세 기능 강조 카드가 연결된 중앙 AI 대시보드를 특징으로 하는 현대적인 SaaS 랜딩 페이지 목업을 생성합니다.

프롬프트

{ "type": "SaaS 랜딩 페이지 히어로 그래픽", "style": "현대적인 UI/UX, 라이트 테마, 부드러운 그림자, 글래스모피즘, 보라색 및 파란색 그라데이션", "header": { "headline": "AI의 명확함으로 업무를 수행하세요.", "subheadline": "하나의 지능형 워크스페이스에서 도구 간의 작업, 컨텍스트, 실행을 조정하세요." }, "layout": { "center_dashboard": { "app_name": "FlowBridge", "greeting": "좋은 아침입니다, Alex 👋", "sidebar_links": 8, "top_metrics_cards": 4, "recent_activity_items": 3, "project_progress_bars": 3, "floating_action_bar": "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개의 주요 위험 요소 목록" } ] } } }