Standardlooket på et musikværktøj sætter genren for den musik, folk laver i det. Et sort-og-lilla synth-værktøj skubber folk mod synth-numre. Et varmt-papir folk-værktøj skubber dem mod folk-numre. Vi ville have, at aisonggen skulle føles neutral over for genre, så den har fire temaer, der alle sidder ligeværdigt ved hoveddøren.
De fire stemninger, vi landede på
- Sonic Teal — den kølige, kliniske standard. Ligner indersiden af et masteringstudie efter midnat. Bedst til ambient, techno, alt hvor sangen er mere arkitektur end historie.
- Neon Orange — den høje, hede. Brand-standarden. Ligner en klubudgang klokken to om natten. Bedst til trap, hyperpop, alt hvor energien er pointen.
- Studio Black — den stille, dyre. Kul og guld. Ligner en guitarforstærker lavet af læder. Bedst til jazz, soul, singer-songwriter-takes, der gerne vil tages alvorligt.
- Electric Magenta — den legesyge. Pink og krom. Ligner indersiden af en Y2K-musikvideo. Bedst til pop, dans, alt hvor vittigheden må være tydelig.
Hvad temaerne kostede os
At designe til ét tema er tusind små beslutninger om
kontrast, hierarki og betoning. At designe til fire er de samme
tusind beslutninger, fire gange — og de skal lande på den samme
komponent uden at gå i stykker. Måden, vi gjorde det håndterbart på, var at
flytte hver eneste farve ind i et token-system, så komponenterne selv
aldrig griber efter en hex-kode, kun efter en rolle: --primary,
--accent, --bg-elevated. Temaerne ændrer værdierne;
komponenterne ændrer sig slet ikke.
Hvad det gav os
Det, vi ikke havde forventet: folk begyndte at vælge temaer efter genre-kontekst, ikke efter personlig smag. En producer, der arbejdede på et trap-beat, ville skifte til Neon Orange, selv hvis deres standard var Sonic Teal. Tema-skifteren stoppede med at være en indstillings-dropdown og blev en del af workflowet — en måde at sætte rummet i den rette stemning til den sang, du tilfældigvis var ved at skrive.
En note om tilgængelighed
Alle fire temaer opfylder WCAG AA på tekstkontrast og fokus-ringe. Ingen af dem er afhængige af farve alene for tilstand — hver aktiv tilstand ændrer også form, vægt eller position. En bruger, der ikke kan se farveforskellen mellem Sonic Teal og Neon Orange, bør stadig kunne se, at en knap er trykket ned.