Tema dan panduan gaya

Setiap proyek punya tema: sekumpulan design token untuk warna, tipografi, radius, dan spasi. Layar merujuk token itu alih-alih nilai tetap, dan itulah yang membuat dua puluh layar tampak seperti satu produk.

Mengubah beberapa warna#

Tinggal minta:

Buat warna utamanya #1B4DFF. Latarnya terlalu dingin — hangatkan.

Ini menyatukan perubahan kecil ke tema yang ada dan membiarkan sisanya. Gratis dan berlaku di semua tempat sekaligus.

Membangun tampilan yang sama sekali baru#

Untuk perubahan menyeluruh — perombakan, beralih ke gelap, merek baru — minta persis itu:

Beri seluruh proyek tema gelap. Rancang ulang ini dengan merek baru kami: hijau tua sebagai utama, latar krem, judul berkait.

Itu membangun kumpulan token yang sepenuhnya baru alih-alih menambal yang lama.

Membatasi sebuah perubahan#

Secara bawaan, perubahan tema berlaku seluruh proyek. Untuk membatasinya pada satu layar, sebutkan:

Hanya di halaman arahan, buat latar header hitam.

Kontras diperiksa#

Tema divalidasi untuk pasangan warna yang terbaca sebelum diterapkan, jadi Anda tidak akan berakhir dengan teks gelap di latar gelap. Kalau Anda memang ingin perlakuan berkontras rendah, sebutkan — tapi bersiaplah sistem mendorong ke arah keterbacaan.

Membuat panduan gaya#

Minta panduan gaya dan Anda akan mendapat satu layar yang menampilkan palet, skala tipografi, dan komponen inti — berguna sebagai artefak penyerahan dan sebagai pemeriksaan bahwa sistemnya padu.

Kesalahan umum#

• Mengedit warna di satu layar. Berhasil, lalu layar berikutnya tidak cocok. Pakai tema.
• Meminta “mode gelap” saat berada di mode edit pada satu elemen. Jalur itu bisa mematok warna di kode alih-alih menata ulang tema. Minta lewat obrolan, di tingkat proyek.
• Mengira laporan sukses dari alat tema berarti sudah terender. Lihat kanvasnya. Kalau layar tidak bergerak, lihat Panduan gaya saya tidak diterapkan.