Tampilan default sebuah alat musik menetapkan genre musik yang dibuat orang di dalamnya. Alat synth hitam-ungu mendorong orang ke arah lagu synth. Alat folk dengan kertas hangat mendorong mereka ke arah lagu folk. Kami ingin aisonggen terasa netral terhadap genre, jadi ia memiliki empat tema yang semuanya berdiri setara di pintu depan.
Empat suasana yang kami pilih
- Sonic Teal — yang sejuk dan klinis, sebagai default. Tampak seperti bagian dalam studio mastering setelah tengah malam. Cocok untuk ambient, techno, apa pun yang lagunya lebih merupakan arsitektur daripada cerita.
- Neon Orange — yang nyaring dan panas. Default merek. Tampak seperti pintu keluar klub jam 2 pagi. Cocok untuk trap, hyperpop, apa pun yang energinya menjadi inti.
- Studio Black — yang tenang dan mahal. Charcoal dan emas. Tampak seperti amplifier gitar dari kulit. Cocok untuk jazz, soul, sesi singer-songwriter yang ingin dianggap serius.
- Electric Magenta — yang ceria. Pink dan chrome. Tampak seperti bagian dalam video musik Y2K. Cocok untuk pop, dance, apa pun yang leluconnya boleh terlihat jelas.
Apa biaya tema-tema itu bagi kami
Mendesain untuk satu tema adalah seribu keputusan kecil tentang
kontras, hierarki, dan penekanan. Mendesain untuk empat adalah
seribu keputusan yang sama, empat kali — dan semuanya harus
mendarat pada komponen yang sama tanpa rusak. Cara kami membuatnya
dapat dikelola adalah memindahkan setiap warna ke sistem token,
sehingga komponen-komponennya sendiri tidak pernah menjangkau kode
heks, hanya peran: --primary, --accent, --bg-elevated.
Tema mengubah nilai; komponen tidak berubah sama sekali.
Apa yang diberikannya kepada kami
Hal yang tidak kami duga: orang mulai memilih tema berdasarkan konteks genre, bukan selera pribadi. Seorang produser yang mengerjakan beat trap akan beralih ke Neon Orange meskipun default mereka adalah Sonic Teal. Pengalih tema berhenti menjadi dropdown pengaturan dan mulai menjadi bagian dari alur kerja — cara untuk menempatkan ruangan dalam suasana yang tepat untuk lagu yang kebetulan sedang Anda tulis.
Catatan tentang aksesibilitas
Keempat tema memenuhi WCAG AA pada kontras teks dan focus ring. Tidak satu pun bergantung pada warna saja untuk status — setiap status aktif juga mengubah bentuk, ketebalan, atau posisi. Pengguna yang tidak dapat melihat perbedaan warna antara Sonic Teal dan Neon Orange tetap harus dapat tahu bahwa sebuah tombol sedang ditekan.