Kembali ke pustaka prompt
Pustaka promptPrompt Gambar

Papan Sistem Gaya UI

Buat papan sistem gaya UI multi-halaman dengan grid 8px, token warna, skala tipografi, status komponen, dan contoh tata letak yang selaras.

Sistem desainKit UITipografi
Pratinjau

Prompt Gambar

Model yang direkomendasikan

Seedream 5.0 Lite

Format output

Template prompt gambar

Pratinjau

Prompt Gambar

Pratinjau papan sistem gaya UI yang menampilkan token warna, skala tipografi, status komponen, dan contoh tata letak responsif.

Pratinjau untuk Papan Sistem Gaya UI, berfokus pada konsistensi sistem, penyelarasan grid, token yang dapat diedit, dan contoh UI siap produk.

Prompt lengkap

Papan Sistem Gaya UI

Papan sistem gaya UI multi-halaman dengan grid 8px, token warna, skala tipografi, komponen, dan tata letak responsif.

Model yang direkomendasikan: Seedream 5.0 LiteFormat output: Template prompt gambar
Prompt lengkap
Prompt Gambar
Buat papan sistem gaya UI multi-halaman yang rapi untuk [PRODUCT_OR_BRAND]. Sajikan sistem sebagai rangkaian halaman desain yang kohesif di atas satu kanvas pratinjau bersih. Gunakan grid spasi 8px yang ketat, margin konsisten, penyelarasan presisi, dan hierarki jelas di setiap halaman. Sertakan panel token warna dengan contoh warna primer, sekunder, netral, semantik, dan latar; skala tipografi dengan gaya judul, isi, keterangan, dan numerik; lembar komponen dengan tombol, input, kartu, navigasi, lencana, dan keadaan kosong; serta dua contoh tata letak responsif yang menampilkan proporsi desktop dan seluler. Jaga sistem tetap konsisten secara visual, dapat diedit, dan sesuai untuk produk SaaS, alat kreator, merek toko online, atau dasbor internal. Gunakan teks placeholder yang realistis hanya saat diperlukan, dan jaga label cukup pendek agar tetap terbaca. Hindari logo asli, sistem desain yang disalin, nama merek yang tidak diberikan pengguna, tipografi terdistorsi, spasi tidak konsisten, bayangan yang tidak cocok, kekacauan dekoratif, kontras yang tidak dapat diakses, dan contoh komponen yang merusak grid.

Catatan penggunaan

Ganti jenis produk, nada merek, arah palet, daftar komponen, contoh tata letak, dan persyaratan aksesibilitas sebelum menjalankannya.

FAQ prompt

Sebelum Anda menggunakan prompt ini

Pemeriksaan cepat untuk input, kecocokan model, dan cara menyesuaikan template tanpa melemahkan hasil.

Apa yang sebaiknya saya sesuaikan terlebih dahulu?

Tentukan jenis produk, nada merek, palet dasar, kepribadian tipografi, cakupan komponen, dan apakah contohnya harus terasa berorientasi pemasaran atau berorientasi dasbor.

Bisakah prompt ini membuat sistem desain yang dapat digunakan?

Prompt ini membuat papan sistem gaya visual untuk eksplorasi dan presentasi. Tinjau spasi, kontras, tipografi, dan perilaku komponen sebelum mengubahnya menjadi token UI produksi.

Apa yang sebaiknya saya periksa sebelum menerbitkan gambar?

Periksa bahwa label terbaca, contoh warna berbeda jelas, hierarki huruf jelas, komponen berbagi logika spasi yang sama, dan tidak ada sistem merek asli yang disalin.

Prompt lain dalam mode ini