L'aspetto predefinito di uno strumento musicale stabilisce il genere di musica che le persone ci fanno dentro. Uno strumento synth nero e viola spinge verso tracce synth. Uno strumento folk in carta calda spinge verso tracce folk. Volevamo che aisonggen sembrasse neutrale rispetto al genere, quindi ha quattro temi che si presentano tutti allo stesso modo all'ingresso.
I quattro mood su cui ci siamo fermati
- Sonic Teal — quello freddo e clinico, il default. Sembra l'interno di uno studio di mastering dopo mezzanotte. Ottimo per ambient, techno, qualunque cosa in cui il brano sia più architettura che storia.
- Neon Orange — quello rumoroso e caldo. Il default del brand. Sembra l'uscita di un club alle 2 di notte. Ottimo per trap, hyperpop, qualunque cosa in cui l'energia sia il punto.
- Studio Black — quello silenzioso e costoso. Antracite e oro. Sembra un amplificatore per chitarra di pelle. Ottimo per jazz, soul, brani da cantautore che vogliono essere presi sul serio.
- Electric Magenta — quello giocoso. Rosa e cromo. Sembra l'interno di un videoclip Y2K. Ottimo per pop, dance, qualunque cosa in cui la battuta possa essere ovvia.
Cosa ci sono costati i temi
Progettare per un solo tema è fatto di mille piccole decisioni su
contrasto, gerarchia ed enfasi. Progettare per quattro è la
stessa scelta di mille decisioni, moltiplicata per quattro — e
devono atterrare sullo stesso componente senza romperlo. Il modo
in cui l'abbiamo reso gestibile è stato spostare ogni colore in un
sistema di token, così i componenti stessi non puntano mai a un
codice esadecimale, ma solo a un ruolo: --primary,
--accent, --bg-elevated. I temi cambiano i valori; i
componenti non cambiano affatto.
Cosa ci ha dato
La cosa che non ci aspettavamo: le persone hanno iniziato a scegliere i temi per contesto di genere, non per gusto personale. Un produttore al lavoro su un beat trap passava a Neon Orange anche se il suo default era Sonic Teal. Il selettore di tema ha smesso di essere un menu nelle impostazioni ed è diventato parte del flusso di lavoro — un modo per mettere la stanza nel mood giusto per la canzone che stavi scrivendo.
Una nota sull'accessibilità
Tutti e quattro i temi rispettano lo standard WCAG AA per il contrasto del testo e gli anelli di focus. Nessuno di loro si affida solo al colore per gli stati — ogni stato attivo cambia anche forma, peso o posizione. Un utente che non riesce a vedere la differenza di colore tra Sonic Teal e Neon Orange dovrebbe comunque capire che un pulsante è premuto.