# GPT Image Hub prompt

## Bảng Hệ Thống Thiết Kế UI Chế Độ Sáng Lăng Kính
- URL: https://www.gptimagehub.com/vi/library/prismatic-light-mode-ui-design-system-board
- Generator URL: https://www.gptimagehub.com/vi/generate?promptId=oss-ym-g2-13507
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fvi%2Flibrary%2Fprismatic-light-mode-ui-design-system-board
- Category: Thiết kế UI / UX
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: thiết kế ui, hệ thống thiết kế, bảng thuyết trình, chế độ sáng, ngũ sắc, mockup giao diện
- Updated: 2026-10-27T17:35:08.098Z
- Created: 2026-10-27T17:35:08.098Z

Tạo bảng trình bày hệ thống thiết kế giao diện sáng sủa với phong cách lăng kính ngũ sắc. Tùy chỉnh chủ đề, dải màu và linh kiện trong các ô ngoặc vuông.

### Full prompt
```text
{
  "type": "UI Design System presentation board",
  "theme": "[optical science and light refraction]",
  "overall_aesthetic": "clean white background, light mode, futuristic, premium, featuring [iridescent rainbow, pastel orange, yellow, cyan, purple, pink] accents",
  "header": {
    "title": "[LIGHTCORE PRISM]",
    "subtitle": "UI Design System - Light Mode",
    "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"],
    "hero_graphic": "3D transparent glass ring refracting iridescent light"
  },
  "layout": {
    "sections": [
      {
        "title": "COLOR",
        "count": 5,
        "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"],
        "description": "5 solid color swatches in rounded squares"
      },
      {
        "title": "PRISM GRADIENTS",
        "count": 1,
        "description": "1 long horizontal gradient bar with 5 hex codes below it"
      },
      {
        "title": "TYPOGRAPHY",
        "description": "Large 'Aa' with 4 font weights listed (Light, Regular, Medium, Semibold) and full alphabet and numbers"
      },
      {
        "title": "ICONOGRAPHY",
        "count": 12,
        "description": "12 minimalist line-art icons arranged in a 2x6 grid"
      },
      {
        "title": "BUTTONS",
        "count": 8,
        "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"],
        "description": "8 buttons showing normal and disabled states for each category. Primary button features an iridescent border and '[GET STARTED]' text."
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": ["DESKTOP", "MOBILE"],
        "description": "Desktop navigation bar with logo, 4 text links, search bar, sign-in, and CTA button. Mobile navigation with logo, search icon, and hamburger menu."
      },
      {
        "title": "COMPONENTS",
        "count": 6,
        "items": [
          "CARD: 'Photon Engine' with abstract iridescent graphic and button",
          "INPUT FIELD: Search bar and email input with label",
          "PROGRESS: Iridescent progress bar at 68%",
          "TABS: Overview, Analytics, Settings",
          "TOGGLE: 2 switches (on and off)",
          "DATA VISUALIZATION: 1 donut chart with 3 legend items, 1 line chart over 7 days"
        ]
      },
      {
        "title": "WEB PAGE",
        "description": "Desktop browser mockup featuring the headline '[Build the Future with Light & Color]', 2 buttons, a flowing 3D iridescent wave graphic, and 5 partner logos at the bottom."
      },
      {
        "title": "MOBILE APP",
        "description": "Smartphone mockup displaying a balance of $24,880, a line chart, 4 quick action icons, a recent activity list with 3 items, and a bottom navigation bar with 4 icons."
      }
    ]
  }
}
```