Predvolený vzhľad hudobného nástroja určuje žáner hudby, ktorú v ňom ľudia tvoria. Čierno-fialový synth nástroj posúva ľudí k synth skladbám. Teplý papierový folk nástroj ich posúva k folkovým skladbám. Chceli sme, aby aisonggen pôsobil žánrovo neutrálne, takže má štyri témy, ktoré sedia rovnocenne pri hlavnom vchode.
Štyri nálady, na ktorých sme pristáli
- Sonic Teal — chladný, klinický predvolený. Vyzerá ako vnútro masteringového štúdia po polnoci. Najlepší pre ambient, techno, čokoľvek, kde je pieseň skôr architektúra než príbeh.
- Neon Orange — hlasný, horúci. Predvolená brand téma. Vyzerá ako východ z klubu o druhej ráno. Najlepší pre trap, hyperpop, čokoľvek, kde ide hlavne o energiu.
- Studio Black — tichý, drahý. Uhoľ a zlato. Vyzerá ako gitarový aparát z kože. Najlepší pre jazz, soul, singer-songwriter skladby, ktoré chcú byť brané vážne.
- Electric Magenta — hravý. Ružová a chróm. Vyzerá ako vnútro Y2K hudobného videa. Najlepší pre pop, dance, čokoľvek, kde môže byť vtip otvorene priznaný.
Čo nás témy stáli
Dizajnovať pre jednu tému je tisíc malých rozhodnutí o kontraste,
hierarchii a dôraze. Dizajnovať pre štyri je rovnakých tisíc
rozhodnutí, štyrikrát — a všetky musia pristáť na tom istom komponente
bez toho, aby sa rozbil. Spôsob, ako sme to spravili zvládnuteľným,
bol presunúť každú farbu do tokenového systému, takže samotné
komponenty nikdy nesiahajú po hex kóde, len po roli: --primary,
--accent, --bg-elevated. Témy menia hodnoty; komponenty
sa nemenia vôbec.
Čo nám to dalo
Vec, ktorú sme nečakali: ľudia začali vyberať témy podľa žánrového kontextu, nie podľa osobného vkusu. Producent pracujúci na trap beate prepol do Neon Orange, aj keď jeho štandard bol Sonic Teal. Prepínač tém prestal byť dropdownom v nastaveniach a stal sa súčasťou workflow — spôsobom, ako naladiť miestnosť do správnej nálady pre pieseň, ktorú práve píšete.
Poznámka o prístupnosti
Všetky štyri témy spĺňajú WCAG AA pre kontrast textu a focus prstence. Žiadna z nich sa nespolieha iba na farbu pre stav — každý aktívny stav tiež mení tvar, hrúbku alebo polohu. Používateľ, ktorý nevidí farebný rozdiel medzi Sonic Teal a Neon Orange, by mal stále byť schopný rozpoznať, že tlačidlo je stlačené.