Cosmic Dark Mode UI Design System

Erstellt ein umfassendes Dark-Mode-UI-Design-System mit Farbpaletten, Typografie und Komponenten im Weltraum-Design.

Eingabe

{ "type": "UI-Design-System", "theme": "Dark Mode, weltraum-inspiriert, leuchtende Akzente", "header": { "label": "DESIGN-SYSTEM", "title": "COSMIC GRAVITY", "subtitle": "Eine Designsprache, inspiriert vom Universum." }, "layout": { "left_column": [ { "title": "FARBE", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "VERLAUF", "count": 1, "description": "Horizontaler Balken mit einem kosmischen Leuchten von dunkel zu hell zu dunkel" }, { "title": "TYPOGRAFIE", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 Cosmic Light", "H2 Explore More", "Body Celestial Text", "Caption Orbit Info"] } ], "main_column": [ { "title": "UI-KOMPONENTEN", "subsections": [ {"title": "BUTTON", "count": 3, "labels": ["ERKUNDEN (Primär)", "ABBRECHEN (Sekundär)", "MEHR (Ghost)"]}, {"title": "SLIDER", "count": 1, "value": "72%"}, {"title": "TOGGLE", "count": 2, "states": ["Aus", "An"]}, {"title": "TAGS", "count": 3, "labels": ["SCHWARZES LOCH", "JUPITER", "ORBIT"]} ] }, { "title": "KARTEN", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "ORBIT-ARCHIV", "image": "Planet Jupiter"}, {"title": "SCHWARZES LOCH", "subtitle": "KOSMISCHES EREIGNIS", "image": "Schwarzes Loch mit Akkretionsscheibe"}, {"title": "ENTFERNUNG", "value": "778,3 Mio. km", "image": "Konzentrische Orbit-Ringe"} ] }, { "title": "DATENANZEIGE", "count": 3, "items": [ {"title": "ENERGIE", "type": "kreisförmiger Fortschrittsring", "value": "87%"}, {"title": "SIGNALSTÄRKE", "type": "Liniendiagramm mit leuchtenden Knoten", "value": "42,6 dB"}, {"title": "KOSMISCHES RAUSCHEN", "type": "Audio-Player-UI"} ] }, { "title": "IKONEN", "count": 7, "labels": ["Startseite", "Planet", "Glanz", "Signal", "Ordner", "Herz", "Benutzer"] } ], "bottom_row": [ { "title": "VISUELLE ELEMENTE", "count": 5, "labels": ["SCHWARZES LOCH", "GRAVITATIONSRING", "LICHTGLANZ", "NEBELSTAUB", "GLASOBERFLÄCHE"] } ] } }

Referenzbilder

Mehr von GPT Image 2

KI-Prompt-Suche

Lass die KI Zehntausende Prompts durchsuchen. Filtere nach Modell, Zeitraum und Keywords und sortiere nach Engagement — Aufrufe, Lesezeichen, Reposts und mehr.

Kostenlos testen