GPT Image 2

Light Mode UI Design System Board

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

Prompt text

Original English text. Replace placeholders with your own details.

{
 "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."
 }
 ]
 }
}

Source & attribution

cheaty · Awesome GPT Image 2

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →