La escala y la barra superior
La barra superior contiene la escala global — los tres números que lee cada vista — además del selector de vistas, el menú principal, la ayuda y el idioma. Siempre está visible: sea lo que sea que estés editando, la escala que lo gobierna está a un vistazo de distancia.
Los controles de escala
- Escala — una lista de preajustes de ratios musicales: desde Segunda menor (1,067) hasta Octava (2,0). Elegir un preajuste fija el ratio; los campos se actualizan para coincidir. Elegir Personalizado … lleva el cursor directamente al campo de ratio.
- Ratio — el multiplicador entre pasos completos de la escala, escrito como un par.
- Notas — en cuántos pasos se divide cada salto de ratio (1–12). Más notas = una escala más densa con el mismo esqueleto proporcional.
- Base — el valor de anclaje en píxeles (10–24). El tamaño del texto de cuerpo, el origen de cada rampa y la fuente de la unidad de línea base (base ÷ 2).
- Paso — una visualización de solo lectura del multiplicador efectivo
entre valores de escala adyacentes:
ratio^(1/notes). Con ratio 1,5 y 2 notas, cada paso es ×1,225.
El par de ratio
El ratio se introduce como dos campos — entero y decimales — en lugar de un
único número decimal. Escribe 1 y 5 y la lista de preajustes muestra
Quinta justa; escribe 1 y 34 y muestra Personalizado …. El
emparejamiento evita la fricción del separador decimal (punto frente a
coma) y hace visible la coincidencia de preajustes: cada vez que el par
compone un intervalo conocido, el nombre del intervalo aparece en la lista.
Escribir . o , en el campo de entero salta al campo de decimales, de
modo que 1.34 se puede escribir de un solo movimiento, y al pegar un
número decimal completo este se reparte entre ambos campos.
Todos los campos numéricos avanzan con ↑ / ↓ — la convención de la
herramienta en todas partes. Notas y base avanzan de uno en uno; el campo
de decimales avanza según su propia precisión (5 → 6 es 1,5 → 1,6,
333 → 334 es 1,333 → 1,334), y avanzar más allá de 99 pasa al entero
(1,99 → 2,0).
El menú principal
Un solo menú reúne las acciones de sesión y las exportaciones:
- Deshacer / Rehacer — historial de toda la sesión (⌘Z / ⇧⌘Z). Los cambios rápidos, como mantener pulsada una tecla de flecha, se fusionan en un solo paso.
- Compartir enlace — codifica toda la sesión en la URL y la copia. Consulta compartir.
- Exportar — exportaciones rápidas al portapapeles por vista (CSS de color, CSS de tipografía, CSS de rejilla) y archivos de sistema completo: Tailwind v4 y v3, shadcn/ui, Figma Variables. Consulta exportaciones.
Ayuda y referencia de teclado
El botón ? abre la ventana de ayuda: qué es la herramienta y una referencia de teclado por vista. Las convenciones son coherentes en todas partes — las teclas de flecha avanzan el elemento seleccionado a lo largo de la escala, Shift modifica (pasos mayores, o una propiedad relacionada), Enter/Escape confirman y cierran.
La herramienta se distribuye en inglés, sueco, español y chino — el menú de idioma está junto al menú principal. El contenido editable que ya has escrito (texto de muestra, etiquetas de breakpoint) es tuyo y nunca se ve afectado por un cambio de idioma.