BILD Eingabe
UI-Design-System-Board im Light Mode
Erstellt eine umfassende Präsentation für ein UI-Design-System mit Farbpaletten, Typografie, Komponenten und responsiven Mockups in einer futuristischen, irisierenden Ästhetik.
Eingabe
{
"type": "UI-Design-System-Präsentation",
"theme": "Optik und Lichtbrechung",
"overall_aesthetic": "sauberer weißer Hintergrund, Light Mode, futuristisch, hochwertig, mit Akzenten in irisierendem Regenbogen, Pastellorange, Gelb, Cyan, Lila, Pink",
"header": {
"title": "LIGHTCORE PRISM",
"subtitle": "UI-Design-System - Light Mode",
"tags": ["FUTURISTISCH", "PREMIUM", "FOKUS"],
"hero_graphic": "3D-Ring aus transparentem Glas, der irisierendes Licht bricht"
},
"layout": {
"sections": [
{
"title": "FARBE",
"count": 5,
"labels": ["WEISS #FFFFFF", "SCHNEE #FAFAFC", "SCHIEFER #F2F4F8", "RAHMEN #E6E8EF", "SCHWARZ #0A0A0C"],
"description": "5 einfarbige Farbfelder in abgerundeten Quadraten"
},
{
"title": "PRISMA-VERLÄUFE",
"count": 1,
"description": "1 langer horizontaler Verlaufsbalken mit 5 Hex-Codes darunter"
},
{
"title": "TYPOGRAFIE",
"description": "Großes 'Aa' mit 4 aufgelisteten Schriftstärken (Light, Regular, Medium, Semibold) sowie vollständigem Alphabet und Zahlen"
},
{
"title": "IKONOGRAFIE",
"count": 12,
"description": "12 minimalistische Strichgrafik-Icons, angeordnet in einem 2x6-Raster"
},
{
"title": "BUTTONS",
"count": 8,
"categories": ["PRIMÄR", "SEKUNDÄR", "TEXT", "ICON"],
"description": "Insgesamt 8 Buttons, die den normalen und deaktivierten Zustand für jede Kategorie zeigen. Der primäre Button verfügt über einen irisierenden Rahmen und den Text JETZT STARTEN."
},
{
"title": "NAVIGATION",
"count": 2,
"variants": ["DESKTOP", "MOBIL"],
"description": "Die Desktop-Navigation enthält Logo, 4 Textlinks, Suche, Anmelden und einen Button. Die mobile Navigation enthält Logo, Suche und ein Hamburger-Menü."
},
{
"title": "KOMPONENTEN",
"count": 6,
"items": [
"CARD: 'Photon Engine' mit abstrakter irisierender Grafik und Button",
"EINGABEFELD: Suchleiste und E-Mail-Eingabe mit Label",
"FORTSCHRITT: Irisierender Fortschrittsbalken bei 68%",
"TABS: Übersicht, Analysen, Einstellungen",
"TOGGLE: 2 Schalter (ein/aus)",
"DATENVISUALISIERUNG: 1 Donut-Diagramm mit 3 Legendeneinträgen, 1 Liniendiagramm über 7 Tage"
]
},
{
"title": "WEBSEITE",
"description": "Desktop-Browser-Mockup mit der Überschrift 'Gestalte die Zukunft mit Licht & Farbe', 2 Buttons, einer fließenden irisierenden 3D-Wellengrafik und 5 Partnerlogos am unteren Rand."
},
{
"title": "MOBILE APP",
"description": "Smartphone-Mockup mit einem Kontostand von 24.880 $, einem Liniendiagramm, 4 Schnellzugriffs-Icons, einer Liste der letzten Aktivitäten mit 3 Einträgen und einer unteren Navigationsleiste mit 4 Icons."
}
]
}
}
Referenzbilder
KI-Prompt-Suche
Lass die KI Zehntausende Prompts durchsuchen. Filtere nach Modell, Zeitraum und Keywords und sortiere nach Engagement — Aufrufe, Lesezeichen, Reposts und mehr.
Für Kreative gebaut. Für immer kostenlos.
YouMind ist der KI-Kreativ-Copilot, dem Kreative weltweit vertrauen. Jeder Prompt hier ist kuratiert, damit du schneller und besser gestalten kannst.
Prompts
Produkt
Unternehmen