# Light Mode UI Design System Board

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: bright, ui design, graphic or type, minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69J730G56HD153KVYPBKJQY/w1200.webp
- Page: https://promptclay.com/prompts/light-mode-ui-design-system-board-aep9y1

## Prompt

```text
{
  "type": "UI Design System presentation board",
  "theme": "{argument name=\"visual theme\" default=\"optical science and light refraction\"}",
  "overall_aesthetic": "clean white background, light mode, futuristic, premium, featuring {argument name=\"primary gradient colors\" default=\"iridescent rainbow, pastel orange, yellow, cyan, purple, pink\"} accents",
  "header": {
    "title": "{argument name=\"system name\" default=\"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/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 total buttons showing normal and disabled states for each category. Primary button features an iridescent border and {argument name=\"primary button text\" default=\"GET STARTED\"} text."
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": ["DESKTOP", "MOBILE"],
        "description": "Desktop nav has logo, 4 text links, search, sign in, and a button. Mobile nav has logo, search, 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/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 header '{argument name=\"hero headline\" default=\"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."
      }
    ]
  }
}
```

## About

Generates a comprehensive UI design system presentation featuring color palettes, typography, components, and responsive mockups with a futuristic, iridescent aesthetic.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/light-mode-ui-design-system-board-aep9y1
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [Typography and lettering](/typography-and-lettering.md): Words as the picture: type posters, lettering, titles. (https://promptclay.com/typography-and-lettering)
- [UI and app design](/ui-and-app-design.md): App screens, dashboards and landing pages. (https://promptclay.com/ui-and-app-design)
- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Bright prompts](/search.md?q=bright) (https://promptclay.com/search?q=bright)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Iridescent Butterfly UI/UX Design System](/prompts/iridescent-butterfly-ui-ux-design-system-ajchn0.md): GPT Image 2, by @library.ui.design
- [Iridescent Butterfly UI System Board](/prompts/iridescent-butterfly-ui-system-board-frkh8w.md): GPT Image 2, by @library.ui.design
- [Glassmorphism SaaS-style PPT design prompt for Nano Banana Pro](/prompts/glassmorphism-saas-style-ppt-design-prompt-for-nano-banana-pro-nwtnsz.md): Nano Banana Pro, by @library.infographics
- [Immersive Music Player UI Poster](/prompts/immersive-music-player-ui-poster-zsp874.md): GPT Image 2, by @library.typography
- [Xiaohongshu 3D Creator Profile Card](/prompts/xiaohongshu-3d-creator-profile-card-cq71yc.md): GPT Image 2, by @library.avatars
- [Neon Japanese AI IDE Landing Poster](/prompts/neon-japanese-ai-ide-landing-poster-c1mjys.md): GPT Image 2, by @library.concept
- [Dark AI Product Keynote Slide](/prompts/dark-ai-product-keynote-slide-gh008y.md): GPT Image 2, by @library.explainers
- [Luxury E-Commerce Landing Page Mockup](/prompts/luxury-e-commerce-landing-page-mockup-zss5y1.md): GPT Image 2, by @library.shop
- [Multi-Step Design Generation Prompts for 'Lovart' Brand](/prompts/multi-step-design-generation-prompts-for-lovart-brand-yzrj4f.md): Nano Banana Pro, by @library.product
- [Nano Banana Pro Pictogram Generation Prompt](/prompts/nano-banana-pro-pictogram-generation-prompt-b66pev.md): Nano Banana Pro, by @library.infographics
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Multi-Slide Document Generation with Nano Banana and NotebookLM](/prompts/multi-slide-document-generation-with-nano-banana-and-notebooklm-hpgvjx.md): Nano Banana Pro, by @library.art

---
Canonical: https://promptclay.com/prompts/light-mode-ui-design-system-board-aep9y1
Search: /search.md?q=your+words