
Design UI / UX
Mockup Landing Page per SaaS IA
Genera una hero section SaaS pulita con dashboard IA, integrazioni e schede delle funzionalità. Modifica titolo, nome del brand e gradiente di colori.
saasdashboardlanding pagemockup uiweb designglassmorphismsezione 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"
}
]
}
}
}Cosa puoi personalizzare
Prima di generare, sostituisci queste parti del prompt con il tuo soggetto o testo.
[purple and blue gradients]segnaposto[Run your work with AI clarity.]segnaposto[FlowBridge]segnaposto[Good morning, Alex 👋]segnaposto[Ask AI anything or type a command...]segnaposto
Dettagli del prompt
- Categoria
- Design UI / UX
- Modello
- GPT IMAGE 2
- Costo per immagine
- 1K: 43 crediti · 2K: 86 crediti · 4K: 143 crediti
- Proporzioni
- 16:9
- Aggiunto il