La estética por defecto de una herramienta musical marca el género de la música que la gente hace con ella. Una herramienta de sintes en negro y morado empuja a la gente hacia pistas de sintetizador. Una herramienta folk en papel cálido la empuja hacia pistas folk. Queríamos que aisonggen se sintiera neutral respecto al género, así que tiene cuatro temas que están exactamente al mismo nivel en la puerta de entrada.
Los cuatro estados de ánimo a los que llegamos
- Sonic Teal: el frío y clínico por defecto. Parece el interior de un estudio de masterización pasada la medianoche. Va bien para ambient, techno, cualquier cosa donde la canción es más arquitectura que historia.
- Neon Orange: el ruidoso y caliente. El de la marca por defecto. Parece la salida de un club a las 2 de la madrugada. Va bien para trap, hyperpop, cualquier cosa donde la energía es lo importante.
- Studio Black: el silencioso y caro. Carbón y dorado. Parece un amplificador de guitarra forrado en cuero. Va bien para jazz, soul, propuestas de cantautor que quieren tomarse en serio.
- Electric Magenta: el juguetón. Rosa y cromado. Parece el interior de un videoclip Y2K. Va bien para pop, dance, cualquier cosa donde está permitido que la broma sea evidente.
Lo que nos costaron los temas
Diseñar para un solo tema son mil pequeñas decisiones sobre
contraste, jerarquía y énfasis. Diseñar para cuatro son las mismas
mil decisiones, multiplicadas por cuatro, y tienen que aterrizar
sobre el mismo componente sin romperlo. La forma de hacerlo viable
fue mover todo el color a un sistema de tokens, de modo que los
componentes nunca buscan un código hexadecimal, solo un rol:
--primary, --accent, --bg-elevated. Los temas cambian los
valores; los componentes no cambian en absoluto.
Lo que nos dio
Lo que no esperábamos: la gente empezó a elegir los temas por contexto de género, no por gusto personal. Un productor trabajando en un beat de trap se cambiaba a Neon Orange aunque su tema por defecto fuera Sonic Teal. El selector de temas dejó de ser un desplegable de ajustes y pasó a formar parte del flujo de trabajo: una manera de poner la sala en el ánimo correcto para la canción que en ese momento estabas escribiendo.
Una nota sobre accesibilidad
Los cuatro temas cumplen WCAG AA en contraste de texto y anillos de foco. Ninguno depende solo del color para indicar estado: cada estado activo cambia también la forma, el peso o la posición. Una persona usuaria que no pueda ver la diferencia de color entre Sonic Teal y Neon Orange debería seguir pudiendo distinguir que un botón está pulsado.