Kembali ke pustaka prompt
Pustaka promptPrompt imej

Papan Sistem Gaya UI

Cipta papan sistem gaya UI berbilang halaman dengan grid 8px, token warna, skala tipografi, keadaan komponen, dan contoh susun atur sejajar.

Sistem reka bentukKit UITipografi
Pratonton

Prompt imej

Model disyorkan

Seedream 5.0 Lite

Format output

Templat prompt imej

Pratonton

Prompt imej

Pratonton papan sistem gaya UI yang menunjukkan token warna, skala tipografi, keadaan komponen, dan contoh susun atur responsif.

Pratonton untuk Papan Sistem Gaya UI, berfokus pada konsistensi sistem, penjajaran grid, token boleh diedit, dan contoh UI sedia produk.

Prompt penuh

Papan Sistem Gaya UI

Papan sistem gaya UI berbilang halaman dengan grid 8px, token warna, skala tipografi, komponen, dan susun atur responsif.

Model disyorkan: Seedream 5.0 LiteFormat output: Templat prompt imej
Prompt penuh
Prompt imej
Cipta papan sistem gaya UI berbilang halaman yang digilap untuk [PRODUCT_OR_BRAND]. Persembahkan sistem sebagai set halaman reka bentuk yang kohesif pada satu kanvas pratonton bersih. Gunakan grid jarak 8px yang ketat, margin konsisten, penjajaran tepat, dan hierarki jelas merentas setiap halaman. Sertakan panel token warna dengan swatch primer, sekunder, neutral, semantik, dan latar; skala tipografi dengan gaya heading, body, caption, dan angka; helaian komponen dengan butang, input, kad, navigasi, badge, dan empty state; serta dua contoh susun atur responsif yang menunjukkan perkadaran desktop dan mudah alih. Pastikan sistem konsisten secara visual, boleh diedit, dan sesuai untuk produk SaaS, alat kreator, jenama ecommerce, atau dashboard dalaman. Gunakan salinan placeholder yang realistik hanya apabila diperlukan, dan pastikan label cukup pendek supaya kekal boleh dibaca. Elakkan logo sebenar, sistem reka bentuk yang disalin, nama jenama yang tidak diberikan oleh pengguna, tipografi herot, jarak tidak konsisten, bayang tidak sepadan, kekusutan hiasan, kontras tidak boleh diakses, dan contoh komponen yang melanggar grid.

Nota penggunaan

Gantikan jenis produk, nada jenama, arah palet, senarai komponen, contoh susun atur, dan keperluan kebolehcapaian sebelum menjalankannya.

Soalan lazim prompt

Sebelum anda menggunakan prompt ini

Semakan pantas untuk input, kesesuaian model dan cara menyesuaikan templat tanpa melemahkan hasil.

Apakah yang perlu saya sesuaikan dahulu?

Tetapkan jenis produk, nada jenama, palet asas, personaliti tipografi, skop komponen, dan sama ada contoh patut terasa berorientasikan pemasaran atau dashboard.

Bolehkah prompt ini mencipta sistem reka bentuk yang boleh digunakan?

Ia mencipta papan sistem gaya visual untuk penerokaan dan pembentangan. Semak jarak, kontras, tipografi, dan tingkah laku komponen sebelum menukarnya kepada token UI produksi.

Apakah yang perlu saya semak sebelum menerbitkan imej?

Semak bahawa label boleh dibaca, swatch warna jelas berbeza, hierarki jenis jelas, komponen berkongsi logik jarak yang sama, dan tiada sistem jenama sebenar disalin.

Lebih banyak prompt dalam mod ini