Cosmic Gravity Glass UI-System

A premium glassmorphism design-system board for a space-themed app or dashboard, useful for showcasing futuristic UI components, cards, controls, and visual style.

{"type":"futuristisches Glassmorphism UI-Design-System-Board","theme":"Dashboard zur Planetenforschung im tiefen Weltraum mit erstklassigem, Apple-ähnlichem Industriedesign","style":{"background":"mattschwarze Leinwand mit subtilem Sternennebel","lighting":"weiche Schatten, dezentes Leuchten, warme bernsteinfarbene Highlights, kühle blau-violette Akzente, durchscheinende Glaspaneele","material":"Milchglas, glänzende dunkle Oberflächen, dünne leuchtende Striche, weiche Lichtbrechungen","mood":"luxuriöse Science-Fiction, minimalistisch, filmisch, hochglanzpoliert"},"layout":{"format":"einzelnes breites Präsentationsboard","sections":[{"title":"COSMIC GRAVITY","position":"linke Spalte","count":5,"labels":["Header-Branding-Block","Farbpaletten-Muster","Verlaufsleiste","Typografie-Beispiel","Textskalen-Liste"]},{"title":"UI-ELEMENTE","position":"oben Mitte-rechts","count":7,"labels":["EXPLORE-Button","abgerundeter Tab 1","abgerundeter Tab 2","horizontaler Schieberegler","Umschalter","BLACK HOLE-Pill-Button","JUPITER-Pill-Button"]},{"title":"KARTEN","position":"mitte Mitte-rechts","count":3,"labels":["JUPITER-Karte","BLACK HOLE-Karte","kleine Metrik-Karte"]},{"title":"DATENANZEIGE","position":"unten Mitte-rechts","count":3,"labels":["87% kreisförmige Fortschrittskarte","Liniendiagramm-Karte","horizontale Steuerkarte"]},{"title":"untere Navigation","position":"unten Mitte","count":7,"labels":["Home-Symbol","Cloud-Symbol","Spark-Symbol","Signal-Symbol","abgerundetes Rechteck-Symbol","Herz-Symbol","Tray-Symbol"]},{"title":"VISUELLE BEISPIELE","position":"untere Reihe","count":5,"labels":["BLACK HOLE","GRAVITY RING","LIGHT GLOW","NEBULA DUST","GLASS SURFACE"]}],"centerpiece":"eine dichte Anordnung von durchscheinenden dunklen Karten und Steuerelementen, die auf einer schwarzen Leinwand schweben, organisiert wie ein erstklassiges Design-System-Poster"},"text":{"branding":"{argument name=\"headline text\" default=\"COSMIC GRAVITY\"}","small labels":"winzige, serifenlose Microcopy in Großbuchstaben, größtenteils unleserlich, aber als technische UI-Anmerkungen gestaltet","percentage":"87%","distance":"779,3 Mio. km","right slider value":"79%"},"visuals":{"palette":[{"name":"helles Weiß","appearance":"weich leuchtendes weißes Muster"},{"name":"warmer Sand","appearance":"cremefarbenes beiges Muster"},{"name":"gedeckte Pflaume","appearance":"dunkles violettes Muster"},{"name":"tiefes Marineblau","appearance":"blau-schwarzes Muster"},{"name":"türkises Schwarz","appearance":"dunkeltürkises Muster"}],"planets":[{"name":"Jupiter-ähnlicher Planet","appearance":"gebänderter Gasriese mit einem dünnen leuchtenden Orbitring"},{"name":"Schwarzes Loch / Ring-Leere","appearance":"dunkles kreisförmiges Zentrum mit hellem akkretionsartigem Ring"},{"name":"entfernter Stern","appearance":"kleiner heller goldener Punkt mit schwachem Heiligenschein"}],"chart motifs":["leuchtender kreisförmiger Fortschrittsring","minimalistisches bergähnliches Liniendiagramm","horizontaler Werteschieberegler"]},"typography":{"primary":"elegante geometrische serifenlose Schrift in Großbuchstaben mit weitem Lauf","specimen":"großes Aa-Beispiel in Weiß","secondary":"kleine, klare serifenlose Schrift für Beschriftungen und Daten"},"colorScheme":{"primary":"{argument name=\"accent color\" default=\"warm amber gold\"}","secondary":"{argument name=\"secondary glow color\" default=\"deep blue-violet\"}","surface":"kohlschwarzes, durchscheinendes Glas","text":"weiches Weiß und gedecktes Grau"},"camera":{"view":"direkte Draufsicht als Poster","composition":"ausgewogenes Raster mit großzügigem Leerraum und dünnen Paneelrändern"},"rendering":"hochdetailliertes, modernes Produktdesign-Mockup, hoher Kontrast, eleganter Glassmorphism, klare UI-Kit-Präsentation, subtile Unschärfe und Leuchten, erstklassiges Konzeptblatt für eine Sci-Fi-App oder ein Dashboard","customization":{"product name":"{argument name=\"product name\" default=\"UI ELEMENTS\"}","theme name":"{argument name=\"theme name\" default=\"deep-space exploration\"}"}}

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen