Standardutseendet til et musikkverktøy bestemmer sjangeren av musikken folk lager i det. Et svart-og-lilla synth-verktøy puffer folk i retning synth- spor. Et varmt papirfolk-verktøy puffer dem i retning folk-spor. Vi ville at aisonggen skulle føles sjangernøytral, så det har fire temaer som alle står likt plassert ved inngangsdøren.
De fire stemningene vi landet på
- Sonic Teal — den kjølige, kliniske standarden. Ser ut som innsiden av et masteringstudio etter midnatt. Best for ambient, techno, alt der sangen er mer arkitektur enn fortelling.
- Neon Orange — den høylytte, hete varianten. Standard for merket. Ser ut som en klubbutgang klokka 02. Best for trap, hyperpop, alt der energien er hele poenget.
- Studio Black — den stille, dyre. Trekull og gull. Ser ut som en gitarforsterker laget av lær. Best for jazz, soul, singer-songwriter-takter som vil bli tatt på alvor.
- Electric Magenta — den lekne. Rosa og krom. Ser ut som innsiden av en Y2K-musikkvideo. Best for pop, dans, alt der vitsen får lov til å være åpenbar.
Hva temaene kostet oss
Å designe for ett tema er tusen små avgjørelser om
kontrast, hierarki og fremheving. Å designe for fire er de samme
tusen avgjørelsene, fire ganger — og de må lande på samme
komponent uten å gå i stykker. Måten vi gjorde det håndterbart på, var å
flytte all farge inn i et token-system, slik at komponentene selv
aldri griper etter en hex-kode, bare etter en rolle: --primary,
--accent, --bg-elevated. Temaene endrer verdiene;
komponentene endrer seg ikke i det hele tatt.
Hva det ga oss
Det vi ikke hadde sett komme: folk begynte å velge tema etter sjangerkontekst, ikke etter personlig smak. En produsent som jobbet med en trap-beat ville bytte til Neon Orange selv om standarden deres var Sonic Teal. Tema-velgeren sluttet å være en innstillingsmeny og ble en del av arbeidsflyten — en måte å sette rommet i riktig stemning for sangen du tilfeldigvis skrev.
En merknad om tilgjengelighet
Alle fire temaer oppfyller WCAG AA på tekstkontrast og fokusringer. Ingen av dem er avhengige av farge alene for tilstand — hver aktive tilstand endrer også form, vekt eller posisjon. En bruker som ikke kan se fargeforskjellen mellom Sonic Teal og Neon Orange skal fortsatt kunne se at en knapp er trykket inn.