Cosmic Dark Mode UI Design System

Generates a comprehensive dark-mode UI design system featuring color palettes, typography, and space-themed components.

This is a gpt-image-2 prompt case for 其他灵感. Use the copy-ready prompt below to generate similar visuals, and review YouMind OpenLab awesome-gpt-image-2 attribution plus commercial-use rights before reuse.

Author @cheaty

Try this prompt

Prompt

Copy-ready prompt

{
  "type": "UI design system",
  "theme": "Dark mode, space-inspired, glowing decorations",
  "header": {
    "label": "Design System",
    "title": "{argument name=\"system name\" default=\"COSMIC GRAVITY\"}",
    "subtitle": "{argument name=\"theme description\" default=\"A Design Language Inspired by the Universe.\"}"
  },
  "layout": {
    "left_column": [
      {
        "title": "color",
        "count": 7,
        "items": [
          {
            "name": "Cosmic Black",
            "hex": "#050507"
          },
          {
            "name": "Deep Space",
            "hex": "#0E0F14"
          },
          {
            "name": "Soft white",
            "hex": "#F5F6F8"
          },
          {
            "name": "{argument name=\"primary accent color\" default=\"Stardust Gold\"}",
            "hex": "#F5D28A"
          },
          {
            "name": "Night Purple",
            "hex": "#1A1C2A"
          },
          {
            "name": "Twilight",
            "hex": "#0F1B2A"
          },
          {
            "name": "Nebula Blue",
            "hex": "#0E1F22"
          }
        ]
      },
      {
        "title": "Gradient",
        "count": 1,
        "description": "Displaying horizontal bars of cosmic halo from dark to light and back to dark."
      },
      {
        "title": "typesetting",
        "font": "{argument name=\"font name\" default=\"Space Grotesk\"}",
        "hierarchy_count": 4,
        "levels": [
          "H1 Cosmic Light",
          "H2 Explore More",
          "Main text: celestial bodies",
          "Track information labeling"
        ]
      }
    ],
    "main_column": [
      {
        "title": "UI components",
        "subsections": [
          {
            "title": "Button",
            "count": 3,
            "labels": [
              "Exploration (Main)",
              "Cancel (Secondary)",
              "More (ghosts)"
            ]
          },
          {
            "title": "slider",
            "count": 1,
            "value": "72%"
          },
          {
            "title": "switch",
            "count": 2,
            "states": [
              "close",
              "open"
            ]
          },
          {
            "title": "Label",
            "count": 3,
            "labels": [
              "black hole",
              "Jupiter",
              "track"
            ]
          }
        ]
      },
      {
        "title": "card",
        "count": 3,
        "items": [
          {
            "title": "{argument name=\"card subject\" default=\"JUPITER\"}",
            "subtitle": "Track Archives",
            "image": "Jupiter"
          },
          {
            "title": "black hole",
            "subtitle": "Cosmic events",
            "image": "Black holes with accretion disks"
          },
          {
            "title": "distance",
            "value": "778.3 million kilometers",
            "image": "Concentric orbital ring"
          }
        ]
      },
      {
        "title": "Data Display",
        "count": 3,
        "items": [
          {
            "title": "energy",
            "type": "Circular progress ring",
            "value": "87%"
          },
          {
            "title": "signal strength",
            "type": "Line graph with glowing nodes",
            "value": "42.6 dB"
          },
          {
            "title": "Cosmic noise",
            "type": "Audio Player UI"
          }
        ]
      },
      {
        "title": "icon",
        "count": 7,
        "labels": [
          "Homepage",
          "planet",
          "flash",
          "Signal",
          "Folder",
          "Heart-shaped",
          "user"
        ]
      }
    ],
    "bottom_row": [
      {
        "title": "Visual elements",
        "count": 5,
        "labels": [
          "black hole",
          "Gravity ring",
          "Halo",
          "Nebula dust",
          "glass surface"
        ]
      }
    ]
  }
}

Prompt variables

Editable argument placeholders found in the prompt, with their default values.

Variable

system name

Default

COSMIC GRAVITY

Variable

theme description

Default

A Design Language Inspired by the Universe.

Variable

primary accent color

Default

Stardust Gold

Variable

font name

Default

Space Grotesk

Variable

card subject

Default

JUPITER

More cases in this category

Prioritized by category, input mode compatibility, quality, and lower risk.

Premium Sports Editorial Poster

Text to Imageunknown

Hand-Drawn Sketch Photo Annotation

Text to Imageunknown

Cosmic Big Bang Snooze Comic

Text to Imageunknown

Hyper Realistic FIFA Football Poster

Text to Imageunknown

Direct Flash Editorial Portrait

Text to Imageunknown

Vintage Film Projection Portrait

Image to Imageunknown

Reuse and source notes

Use this prompt safely after previewing the case.

1.Copy the prompt or open it directly in Dovoo with the generation button.
2.Adjust variables, aspect ratio, and reference images for your own use case.
3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.

Can I use this prompt commercially?

Commercial-use status is unknown. Review the original source, license, brand constraints, and legal requirements before paid usage.

Where does this case come from?

This case is imported from YouMind OpenLab awesome-gpt-image-2; keep attribution visible and check the source URL before reuse.