Musiikkityökalun oletusulkoasu määrittää sen genren, jota ihmiset tekevät sillä. Mustaviolettinen syntsatyökalu työntää ihmiset kohti syntsakappaleita. Lämpimän paperin folktyökalu työntää heitä kohti folkkappaleita. Halusimme, että aisonggen tuntuisi neutraalilta genren suhteen, joten siinä on neljä teemaa, jotka istuvat tasaver- taisesti etuovella.
Neljä mielialaa, joihin päädyimme
- Sonic Teal — viileä, kliininen oletus. Näyttää masterointistudion sisältä keskiyön jälkeen. Paras ambientille, technolle, kaikelle missä kappale on enemmän arkkitehtuuria kuin tarinaa.
- Neon Orange — äänekäs, kuuma. Brändin oletus. Näyttää klubin uloskäynniltä kello kahdelta yöllä. Paras trapille, hyperpopille, kaikelle missä energia on pointti.
- Studio Black — hiljaisen kallis. Hiili ja kulta. Näyttää nahasta tehdyltä kitaravahvistimelta. Paras jazzille, soulille, laulaja-lauluntekijän vedoille jotka haluavat tulla otetuiksi vakavasti.
- Electric Magenta — leikkisä. Pinkki ja kromi. Näyttää Y2K-musiikkivideon sisältä. Paras popille, tanssille, kaikelle missä vitsi saa olla ilmiselvä.
Mitä teemat maksoivat meille
Yhdelle teemalle suunnittelu on tuhat pientä päätöstä kontrastista,
hierarkiasta ja painotuksesta. Neljälle suunnittelu on samat tuhat
päätöstä, neljä kertaa — ja niiden täytyy laskeutua samaan
komponenttiin rikkomatta sitä. Teimme siitä hallittavaa siirtämällä
jokaisen värin token-järjestelmään, jotta komponentit itse eivät
koskaan tavoittele heksakoodia, vain roolia: --primary,
--accent, --bg-elevated. Teemat muuttavat arvoja;
komponentit eivät muutu lainkaan.
Mitä se antoi meille
Asia, jota emme odottaneet: ihmiset alkoivat valita teemoja genrekontekstin mukaan, eivät henkilökohtaisen maun mukaan. Trap-biittiä työstävä tuottaja vaihtaisi Neon Orangeen, vaikka hänen oletuksensa olisi Sonic Teal. Teemanvaihtajasta lakkasi olemasta asetusten pudotusvalikko ja siitä tuli osa työnkulkua — tapa asettaa huone oikeaan tunnelmaan sille kappaleelle, jota satut kirjoittamaan.
Huomautus saavutettavuudesta
Kaikki neljä teemaa täyttävät WCAG AA:n tekstikontrastissa ja kohdistusrenkaissa. Yksikään niistä ei luota pelkkään väriin tilan ilmaisemisessa — jokainen aktiivinen tila muuttaa myös muotoa, paksuutta tai sijaintia. Käyttäjän, joka ei näe väriä Sonic Tealin ja Neon Orangen välillä, pitäisi silti pystyä erottamaan, että näppäin on painettuna.