Cosmic Dark Mode Arayüz Tasarım Sistemi

Renk paletleri, tipografi ve uzay temalı bileşenler içeren kapsamlı bir dark mode arayüz tasarım sistemi oluşturur.

Komut

{ "type": "Arayüz Tasarım Sistemi", "theme": "dark mode, uzay esintili, parlayan vurgular", "header": { "label": "TASARIM SİSTEMİ", "title": "COSMIC GRAVITY", "subtitle": "Evrenden İlham Alan Bir Tasarım Dili." }, "layout": { "left_column": [ { "title": "RENK", "count": 7, "items": [ {"name": "Kozmik Siyah", "hex": "#050507"}, {"name": "Derin Uzay", "hex": "#0E0F14"}, {"name": "Yumuşak Beyaz", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "Gece Moru", "hex": "#1A1C2A"}, {"name": "Alacakaranlık Mavisi", "hex": "#0F1B2A"}, {"name": "Nebula Turkuazı", "hex": "#0E1F22"} ] }, { "title": "GRADYAN", "count": 1, "description": "koyu-açık-koyu kozmik parıltı gösteren yatay çubuk" }, { "title": "TİPOGRAFİ", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 Kozmik Işık", "H2 Daha Fazlasını Keşfet", "Gövde Göksel Metin", "Altyazı Yörünge Bilgisi"] } ], "main_column": [ { "title": "ARAYÜZ BİLEŞENLERİ", "subsections": [ {"title": "BUTON", "count": 3, "labels": ["KEŞFET (Birincil)", "İPTAL (İkincil)", "DAHA FAZLASI (Ghost)"]}, {"title": "KAYDIRICI", "count": 1, "value": "72%"}, {"title": "AÇ/KAPA", "count": 2, "states": ["Kapalı", "Açık"]}, {"title": "ETİKETLER", "count": 3, "labels": ["KARA DELİK", "JÜPİTER", "YÖRÜNGE"]} ] }, { "title": "KARTLAR", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "YÖRÜNGE ARŞİVİ", "image": "Jüpiter gezegeni"}, {"title": "KARA DELİK", "subtitle": "KOZMİK OLAY", "image": "Toplanma diskli kara delik"}, {"title": "MESAFE", "value": "778.3 M km", "image": "Eş merkezli yörünge halkaları"} ] }, { "title": "VERİ GÖRÜNTÜLEME", "count": 3, "items": [ {"title": "ENERJİ", "type": "dairesel ilerleme halkası", "value": "87%"}, {"title": "SİNYAL GÜCÜ", "type": "parlayan düğümlü çizgi grafiği", "value": "42.6 dB"}, {"title": "KOZMİK GÜRÜLTÜ", "type": "ses oynatıcı arayüzü"} ] }, { "title": "İKON", "count": 7, "labels": ["Ana Sayfa", "Gezegen", "Işıltı", "Sinyal", "Klasör", "Kalp", "Kullanıcı"] } ], "bottom_row": [ { "title": "GÖRSEL ÖĞELER", "count": 5, "labels": ["KARA DELİK", "YERÇEKİMİ HALKASI", "IŞIK PARILTISI", "NEBULA TOZU", "CAM YÜZEY"] } ] } }

Referans görseller

GPT Image 2 için daha fazla

Yapay zekayla prompt arama

Yapay zekanın on binlerce komutu taramasına izin ver. Modele, tarih aralığına ve anahtar kelimeye göre filtrele; görüntülenme, kaydetme, paylaşım gibi etkileşim metriklerine göre sırala.

Ücretsiz dene