Papan Sistem Desain UI Mode Terang

{ "type": "Proyek demonstrasi sistem desain UI", "theme": "{argument name=\"tema visual\" default=\"Ilmu Optik dan Pembiasan Cahaya\"}", "overall_aesthetic": "Latar belakang putih bersih, mode warna terang, nuansa futuristik dan canggih; fitur khasnya terletak pada {argument name=\"warna gradien primer\" default=\"Iriden, oranye lembut, kuning, cyan, ungu, merah muda\"} hiasan", "header": { "title": "{argument name=\"nama sistem\" default=\"LIGHTCORE PRISM\"}", "subtitle": "Sistem Desain UI - Mode Terang", "tags": [ "Futuristik", "kesan canggih", "Fokus" ], "hero_graphic": "Cincin kaca transparan 3D yang membiaskan cahaya iriden" }, "layout": { "sections": [ { "title": "warna", "count": 5, "labels": [ "Putih #FFFFFF", "Bersalju #FAFAFC", "Warna abu-abu #F2F4F8", "Warna batas #E6E8EF", "Hitam #0A0A0C" ], "deskripsi": "5 blok warna solid persegi bulat" }, { "judul": "Gradien Prisma", "jumlah": 1, "deskripsi": "Batang gradien horizontal panjang dengan lima kode warna heksadesimal di bawahnya." }, { "judul": "penataan huruf", "deskripsi": "Font 'Aa' besar tercantum dalam empat bobot (Ringan, Reguler, Sedang, Semibold) bersama dengan alfabet/angka lengkap." }, { "judul": "ikon", "jumlah": 12, "deskripsi": "12 ikon gaya garis minimalis yang disusun dalam kisi 2x6." }, { "title": "Tombol", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Terdapat total 8 tombol, yang menampilkan status normal dan nonaktif untuk setiap kategori. Tombol utama memiliki batas berwarna pelangi dan teks {argument name="teks tombol utama" default="Mulai menggunakan"}." }, { "title": "navigasi", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "Navigasi desktop mencakup logo, empat tautan teks, bilah pencarian, tombol masuk, dan bilah navigasi seluler." }, { "title": "Komponen", "count": 6, "items": [ "Kartu: 'Photon Engine' dengan grafik pelangi abstrak dan tombol", "Kotak input: bilah pencarian berlabel dan kotak input email.", "Bilah kemajuan: bilah kemajuan pelangi 68%", "Tab: Ikhtisar, Analisis, Pengaturan", "Sakelar: 2 sakelar (aktif/nonaktif)", "Visualisasi data: bagan pai dengan 3 item legenda, dan bagan garis 7 hari." ] }, { "title": "Halaman web", "description": "Model browser desktop, termasuk judul '{argument name=\"hero headline\" default=\"Membangun masa depan dengan cahaya dan warna\"} Desain ini mencakup dua tombol, grafik gelombang pelangi 3D yang mengalir, dan lima logo mitra di bagian bawah." }, { "title": "Aplikasi seluler", "description": "Model ponsel pintar ini menampilkan saldo sebesar $24.880, grafik garis, empat ikon tindakan cepat, daftar aktivitas terbaru dengan tiga item, dan bilah navigasi bawah dengan empat ikon." } ] } }