
Design UI / UX
Maquette de Landing Page SaaS IA
Crée une section hero épurée pour SaaS avec tableau de bord IA, intégrations et cartes de fonctionnalités. Personnalisez le titre, l'app et les dégradés de couleurs.
saastableau de bordlanding pagemaquette uiwebdesignglassmorphismesection hero
Prompt
{
"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"
}
]
}
}
}Ce que vous pouvez personnaliser
Avant de générer, remplacez ces parties du prompt par votre propre sujet ou texte.
[purple and blue gradients]espace réservé[Run your work with AI clarity.]espace réservé[FlowBridge]espace réservé[Good morning, Alex 👋]espace réservé[Ask AI anything or type a command...]espace réservé
Détails du prompt
- Catégorie
- Design UI / UX
- Modèle
- GPT IMAGE 2
- Coût par image
- 1K : 43 crédits · 2K : 86 crédits · 4K : 143 crédits
- Format
- 16:9
- Ajouté le