Antarmuka Pengguna Dasbor Pengkodean AI Gelap

{ "type": "Antarmuka Pengguna Dasbor Analitik SaaS Gelap", "product": { "brand": "{argument name=\"nama merek\" default=\"AICode\"}", "theme": "Antarmuka ini menampilkan tekstur kaca buram biru tua dengan gradien halus, pencahayaan lembut, kartu membulat, dan batas tipis, yang mewujudkan estetika alat pengembang modern." }, "canvas": { "aspect_ratio": "16:9", "background": "Biru tengah malam yang pekat, dengan efek vignetting halus dan pencahayaan radial lembut." } }, "layout": { "structure": "Sidebar kiri plus area konten utama", "sections": [ { "title": "Sidebar", "position": "Sisi kiri", "count": 8, "labels": [ "AICode", "Ikhtisar", "proyek", "Asisten AI", "API dan Penggunaan", "Kualitas kode", "tim", "pengaturan" ], "details": "Logo ditampilkan di bagian atas, dan \"Ikhtisar\" disorot dengan warna ungu saat dipilih. Kartu berlangganan di bagian bawah menunjukkan Paket Pro, yang akan berakhir dalam 12 hari. Bilah kemajuan horizontal menunjukkan 75%. Profil pengguna di bagian bawah mencakup avatar.{argument name=\"nama pengguna\" default=\"Alex Morgan\"} dan alamat email [email protected]" }, { "title": "Header", "position": "Area Utama Atas", "count": 4, "labels": [ "Selamat datang kembali, Alex 👋", "Ini adalah pembaruan hari ini dari platform pemrograman AI Anda.", "12 Mei 2024 – 12 Juni 2024", "Laporan Ekspor" ], "detail": "Sisi kiri menampilkan ucapan selamat yang besar, sedangkan sisi kanan menampilkan pemilih rentang tanggal dan tombol ekspor." }, { "title": "Kartu Indikator", "position": "Baris pertama di bawah header", "count": 4, "labels": [ "Jumlah total pengguna", "Proyek aktif", "Volume panggilan API", "Peringkat kualitas kode" ], "values": [ "12.842", "2.153", "1,28 juta", "876" ], "details": "Setiap kartu menyertakan ikon kecil, nilai utama yang besar, dan teks yang membandingkan periode dari 12 April hingga 12 Mei 2024, menunjukkan persentase pertumbuhan positif masing-masing sebesar 14,6%, 8,3%, 23,7%, dan 5,9%. Grafik garis mini ditampilkan di bagian bawah; warnanya ungu, hijau, kuning, dan biru." }, { "title": "Panel analisis utama", "position": "Baris tengah dan bawah", "count": 4, "labels": [ "Tren panggilan API", "Proyek Populer", "Peta panas aktivitas pengguna", "Tren kualitas kode" ], "details": "Grafik "Tren Panggilan API" adalah grafik area lebar dengan menu tarik-turun "Harian"; garis ungu menunjukkan tren naik, berakhir di dekat 250 ribu. "Item Populer" adalah daftar peringkat 5 item, dengan bilah kemajuan dan perubahan persentase. "Peta Panas Aktivitas Pengguna" adalah peta panas mingguan 7 baris dengan label per jam dari pukul 12 siang hingga 9 malam. Grafik "Tren Kualitas Kode" adalah grafik garis dengan menu tarik-turun "Mingguan"; kurva ungu naik dengan mulus, dari sekitar 70 hingga sedikit di atas 90." }, { "title": "Daftar Proyek Populer", "position": "Panel tengah kanan", "count": 5, "labels": [ "Asisten Kode AI", "Refaktor Cerdas", "Bot Peninjau Kode", "Generator Dokumen", "Pembuat Tes" ], "values": [ "485K", "321K", "214K", "132K", "98K" ], "details": "Empat item pertama menunjukkan pertumbuhan positif berwarna hijau, masing-masing sebesar 12,4%, 8,7%, 3,1%, dan 6,8%, sedangkan Pembuat Tes menunjukkan pertumbuhan negatif berwarna merah, sebesar -1,2%; setiap baris memiliki ikon persegi berwarna dan bilah kemajuan horizontal tipis." } ] }, "style": { "visual_language": "Prototipe desain produk teknologi keuangan dan AI kelas atas", "rendering": "Prototipe UI yang jelas dan berkualitas tinggi, bayangan halus, efek pencahayaan tepi neon, grafik yang indah, dan font sans-serif yang bersih.", "primary_accent": "{argument name=\"warna aksen\" default=\"Ungu Elektrik\"}", "secondary_accents": [ "Hijau Zamrud", "Kuning Amber", "Cyan" ], "density": "Kaya informasi dan seimbang secara spasial, dengan grid yang seimbang dan keterbacaan tinggi." } }