Standardutseendet på ett musikverktyg sätter genren på den musik folk gör i det. Ett svart-lila synthverktyg knuffar folk mot synth- spår. Ett varmt pappersfolk-verktyg knuffar dem mot folk-spår. Vi ville att aisonggen skulle kännas neutralt vad gäller genre, så det har fyra teman som alla står likvärdigt vid ytterdörren.
De fyra stämningar vi landade i
- Sonic Teal — den svala, kliniska standarden. Ser ut som insidan av en mastringsstudio efter midnatt. Bäst för ambient, techno, allt där låten är mer arkitektur än berättelse.
- Neon Orange — den högljudda, heta. Brand-standarden. Ser ut som en klubbutgång klockan två på natten. Bäst för trap, hyperpop, allt där energin är hela poängen.
- Studio Black — den tysta, dyra. Antracit och guld. Ser ut som en gitarrförstärkare i läder. Bäst för jazz, soul, singer-songwriter-tagningar som vill bli tagna på allvar.
- Electric Magenta — den lekfulla. Rosa och krom. Ser ut som insidan av en Y2K-musikvideo. Bäst för pop, dans, allt där skämtet får vara uppenbart.
Vad temana kostade oss
Att designa för ett tema är tusen små beslut om
kontrast, hierarki och betoning. Att designa för fyra är samma
tusen beslut, fyra gånger — och de måste landa på samma
komponent utan att gå sönder. Sättet vi gjorde det hanterbart på var att
flytta varje färg in i ett token-system, så att komponenterna själva
aldrig sträcker sig efter en hex-kod, bara efter en roll: --primary,
--accent, --bg-elevated. Temana ändrar värdena;
komponenterna ändras inte alls.
Vad det gav oss
Det vi inte väntade oss: folk började välja teman utifrån genrekontext, inte personlig smak. En producent som jobbade på en trap-beat bytte till Neon Orange även om standarden var Sonic Teal. Tema-växlaren slutade vara en inställningsdropdown och började bli en del av arbetsflödet — ett sätt att försätta rummet i rätt stämning för låten du råkade hålla på att skriva.
En anteckning om tillgänglighet
Alla fyra teman uppfyller WCAG AA på textkontrast och fokusringar. Inget av dem förlitar sig enbart på färg för status — varje aktivt tillstånd ändrar också form, vikt eller position. En användare som inte kan se färgskillnaden mellan Sonic Teal och Neon Orange ska ändå kunna se att en knapp är intryckt.