Açık Mod Kullanıcı Arayüzü Tasarım Sistemi Panosu

{ "type": "UI tasarım sistemi gösterim projesi", "theme": "{argument name="görsel tema" default="Optik Bilim ve Işık Kırılması"}", "overall_aesthetic": "Temiz beyaz bir arka plan, açık renk modu, fütüristik ve sofistike bir his; ayırt edici özelliği {argument name="birincil gradyan renkler" default="Işıltılı, yumuşak turuncu, sarı, camgöbeği, mor, pembe"} süslemelerinde yatmaktadır", "header": { "title": "{argument name="sistem adı" default="LIGHTCORE PRISM"}", "subtitle": "UI Tasarım Sistemi - Açık Mod", "tags": [ "Fütüristik", "sofistike hissi", "Odak" ], "hero_graphic": "Işıltılı ışığı kıran 3 boyutlu şeffaf cam halka" }, "layout": { "sections": [ { "title": "renk", "sayı": 5, "etiketler": [ "Beyaz #FFFFFF", "Karlı #FAFAFC", "Koyu gri #F2F4F8", "Kenar rengi #E6E8EF", "Siyah #0A0A0C" ], "açıklama": "5 yuvarlak köşeli kare düz renk bloğu" }, { "başlık": "Prizma Gradyanı", "sayı": 1, "açıklama": "Altında beş onaltılık renk kodu bulunan uzun yatay gradyan çubuk." }, { "başlık": "dizgi", "açıklama": "Büyük 'Aa' yazı tipi, tam alfabe/sayılarla birlikte dört kalınlıkta (Açık, Normal, Orta, Yarı Kalın) listelenmiştir." }, { "başlık": "simge", "sayı": 12, "açıklama": "2x6 ızgarada düzenlenmiş 12 minimalist çizgi stili simge." } }, { "başlık": "Düğme", "sayı": 8, "kategoriler": [ "ana", "ikincil", "metin", "simge" ], "açıklama": "Her kategori için normal ve devre dışı bırakılmış durumları gösteren toplam 8 düğme vardır. Ana düğme, yanardöner bir kenarlığa ve {argüman adı="birincil düğme metni" varsayılan="Kullanmaya başla"} metnine sahiptir." }, { "başlık": "gezinme", "sayı": 2, "varyantlar": [ "Masaüstü", "mobil" ], "açıklama": "Masaüstü gezinmesi bir logo, dört metin bağlantısı, bir arama çubuğu, bir oturum açma düğmesi ve bir mobil gezinme çubuğu içerir." }, { "başlık": "Bileşenler", "sayı": 6, "öğeler": [ "Kart: Soyut gökkuşağı grafikleri ve düğmeleri olan 'Photon Motoru'", "Giriş kutuları: Etiketli bir arama çubuğu ve bir e-posta giriş kutusu.", "İlerleme çubuğu: %68 gökkuşağı ilerleme çubuğu", "Sekmeler: Genel Bakış, Analiz, Ayarlar", "Anahtarlar: 2 anahtar (açık/kapalı)", "Veri görselleştirme: 3 gösterge öğesi içeren bir pasta grafiği ve 7 günlük bir çizgi grafiği." ] }, { "başlık": "Web sayfası", "açıklama": "Masaüstü tarayıcı modeli, '{argument name="kahraman başlığı" default="Işık ve renkle geleceği inşa etmek"}' başlığını içerir. Tasarım, iki düğme, akıcı bir 3B gökkuşağı dalga grafiği ve altta beş ortak logosu içerir." }, { "başlık": "Mobil uygulama", "açıklama": "Akıllı telefon modeli 24.880 dolarlık bir bakiye, bir çizgi grafik, dört hızlı işlem simgesi, üç öğeden oluşan son etkinlikler listesi ve dört simgeden oluşan bir alt gezinme çubuğu görüntüler." } ] } }