Home / Prompts / Light Mode UI Design System Board

Light Mode UI Design System Board

A clean premium UI design system presentation board on a white background, featuring color swatches, typography, icons, buttons, navigation, components, and device mockups. The layout uses iridescent rainbow gradients and a transparent glass-like hero graphic with a futuristic light-refraction theme.

Model: gpt-image-2Category: Infographic/Edu VisualStyle: 3D RenderLanguage: en

Prompt

{   "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 ite...

Related Prompts

  • Cinematic Boxing Match Poster
  • Anime Art Process Infographic
  • Y2K Teen Magazine Studio Portrait
  • Y2K Retro-Tech Youth Portrait

Explore More

Browse more prompts by model or return to the full gallery for filters and interactions.

Open Gallery More gpt-image-2 Prompts