Papan Sistem UI Kupu-Kupu Berkilau

{ "type": "Proyek Demonstrasi Sistem Desain UI/UX", "theme": "Mode gelap, terinspirasi alam, estetika bercahaya dan berkilauan", "language": "Bahasa Mandarin", "canvas": { "aspect_ratio": "Poster persegi", "background": "Biru tengah malam hingga hitam pekat, dengan halo halus", "style": "Proyek tampilan futuristik kelas atas yang menampilkan garis luar panel biru neon ramping, sorotan mengkilap, halo lembut, dan kontras tinggi." }, "header": { "title": "Sistem Desain UI/UX yang Terinspirasi Alam", "description": "Terinspirasi dari sayap kupu-kupu, desain ini menggabungkan kilau warna struktural dan biru tua untuk menciptakan pengalaman digital yang ringan, dinamis, dan bersemangat.\"}", "hero_image": "Sayap kupu-kupu yang sangat detail dan bercahaya, menampilkan warna biru elektrik, ungu, dan cyan berkilau, menempati setengah dari sudut kanan atas. Struktur urat yang terlihat, tepi transparan, dan partikel berkilauan terlihat, dengan sayap kedua yang buram di belakangnya." }, "layout": { "sections": [ { "title": "1. Inspirasi Desain", "position": "Sudut kiri atas, di bawah judul", "count": 4, "labels": [ "Makro sayap kupu-kupu berwarna pelangi", "Tampilan dekat tekstur sayap biru-ungu", "Halo prisma pembiasan cahaya", "Pola sel sayap kupu-kupu" ] }, { "title": "2. Kata Kunci", "position": "Sudut kanan atas, di bawah gambar utama", "count": 5, "labels": [ "iris", "Gesit", "Ringan", "Mendalam", "alam" ], "icon_style": "Ikon garis bercahaya minimalis di dalam kartu gelap bulat" }, { "title": "3. Sistem Warna", "position": "tengah kiri", "subsections": [ { "title": "warna utama", "count": 3, "labels": [ "Biru Morfo #1E5BFF", "Ungu Pelangi #7A5CFF", "Cahaya Langit" ] }, { "title": "2. Kata Kunci", "position": "Sudut kanan atas, di bawah gambar utama", "count": 5, "labels": [ "Iris", "Gesit", "Ringan", "Cahaya Langit" ] }, { "title": "Ikon garis bercahaya minimalis di dalam kartu gelap bulat" }, { "title": "3. Sistem Warna", "position": "tengah kiri", "subsections": [ { "title": "warna utama", "count": 3, "labels": [ "Biru Morfo #1E5BFF", "Ungu Pelangi #7A5CFF", "Cahaya Langit" ] } #00E6FF" ] }, { "title": "Warna netral", "count": 3, "labels": [ "Hitam Tengah Malam #060F19", "Biru Tua Lembut #141A2E", "Putih Mutiara #F3F6FC" ] }, { "title": "Penekanan pada warna dan gradien", "count": 2, "labels": [ "Kilap Pelangi", "Cahaya Kupu-kupu" ] } ], "visual": "Sampel warna melingkar dan bola gradien, dengan label bahasa Mandarin di bawahnya." }, { "title": "4. Tata Letak", "position": "tengah kanan", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "Aa putih besar di atas kartu gelap" }, { "title": "5. Ikon Aplikasi", "position": "Kiri dan Tengah", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} Ringan. Lincah. Elegan.", "visual": "Ikon aplikasi kupu-kupu bercahaya di sebelah nama aplikasi" }, { "title": "6. Komponen UI", "position": "tengah", "subsections": [ { "title": "Tombol", "count": 3, "labels": [ "Tombol utama", "Tombol sekunder", "tekstur kaca" ] }, { "title": "ikon", "count": 2, "labels": [ "Koleksi berbentuk hati", "Cincin bercahaya" ] }, { "title": "switch", "count": 1, "labels": [ "switch" ] } ], "visual": "Tombol biru bulat, tombol ikon neon, dan sakelar berlampu latar pada panel gelap" }, { "title": "Elemen lainnya", "position": "Tengah Kanan", "count": 4, "labels": [ "kotak pencarian", "Tag Baru", "Bilah kemajuan (72%)", "Kartu Blue Morpho" ], "visual": "Komponen UI kecil dan praktis dalam kartu horizontal yang ringkas" }, { "title": "7. UI Seluler", "position": "Kiri bawah", "count": 3, "labels": [ "Halaman pencarian", "Halaman hari ini dengan ilustrasi kupu-kupu besar", "Halaman pemutaran audio dengan grafik gelombang" ], "visual": "Tiga prototipe ponsel pintar sudut bulat dengan antarmuka gelap dan efek visual kupu-kupu biru-ungu." }, { "title": "8. Pratinjau Desain Situs Web", "position": "Kanan bawah", "count": 1, "labels": [ "Kehidupan Cahaya" ], "visual": "Maket halaman arahan desktop, termasuk gambar utama kupu-kupu, navigasi atas, tombol ajakan bertindak berwarna biru terang, dan teks bahasa Mandarin." }, { "title": "9. Latar Belakang Visual", "position": "Lebar penuh bawah", "count": 4, "labels": [ "Latar belakang pita mengalir 1", "Pelangi Pusaran", "Latar belakang pita mengalir 2", "Ledakan Kristal Bercahaya" ], "visual": "Empat contoh latar belakang persegi panjang dalam warna ungu, biru, dan cyan." } ], "footer": { "count": 1, "text": "Dirancang dengan mempertimbangkan alam, lahir untuk pengalaman.", "center_icon": "Ikon kupu-kupu kecil" } }, "art_direction": { "materials": "Peniruan kaca, pencahayaan tepi neon, gradien halus, pantulan lembut", "colors": "Biru elektrik, indigo, ungu, cyan, putih", "composition": "Tata letak grid yang bersih mencakup sembilan bagian konten bernomor, ruang putih yang luas, batas membulat yang ramping, dan gambar kupu-kupu yang dominan.", "render_quality": "Sangat halus, tata letak yang jelas, proyek sistem desain bergaya Behance premium." } }