# GPT Image Hub prompt

## Mockup Trang Đích Không Gian Làm Việc SaaS AI
- URL: https://www.gptimagehub.com/vi/library/saas-ai-workspace-landing-page-mockup
- Generator URL: https://www.gptimagehub.com/vi/generate?promptId=oss-ym-g2-13440
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fvi%2Flibrary%2Fsaas-ai-workspace-landing-page-mockup
- Category: Thiết kế UI / UX
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: saas, dashboard, landing page, mockup ui, thiết kế web, glassmorphism, hero section
- Updated: 2026-10-27T08:30:08.098Z
- Created: 2026-10-27T08:30:08.098Z

Tạo phần hero trang đích SaaS với bảng điều khiển AI, kết nối công cụ và thẻ tính năng. Dễ dàng tùy chỉnh tiêu đề, tên ứng dụng và dải màu gradient.

### Full prompt
```text
{
  "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"
        }
      ]
    }
  }
}
```