{
"type": "SaaS landing page hero graphic",
"style": "Modern UI/UX, light theme, soft shadows, glassmorphism, purple and blue gradients",
"header": {
"headline": "Run your work with AI clarity.",
"subheadline": "Coordinate tasks, context, and execution across your tools in one intelligent workspace."
},
"layout": {
"center_dashboard": {
"app_name": "FlowBridge",
"greeting": "Good morning, Alex 👋",
"sidebar_links": 8,
"top_metrics_cards": 4,
"recent_activity_items": 3,
"project_progress_bars": 3,
"floating_action_bar": "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"
}
]
}
}
}
