Type Studio
El paso que hoy queda partido entre Google Fonts, type-scale.com y capturas en Figma: un catálogo curado de 23 familias con specimen real, comparación A/B lado a lado, pares sugeridos con criterio, escala modular con ratios (1.125 a 1.618), control de interletrado, interlineado y pesos, preview de la escala completa con texto real, y export a CSS variables, @theme de Tailwind v4, JSON o CSS de specimen. Si tenés una paleta en el bus, el specimen se pinta con tu color. Todo corre en tu navegador.
100% local
El procesamiento ocurre en tu navegador. Nada viaja a un servidor.
Recibe artefactos
Importa paletas desde la bandeja compartida, sin volver a subir nada.
Publica artefactos
Lo que genera (tokens de diseño) queda en la bandeja para otras herramientas.
Seguí explorando
Generador de design system
Definí identidad, tipografía y color, y exportá un DESIGN.md listo para agentes de IA.
Color Scale Gen
De un hex a una escala completa 50→950 interpolada en OKLCH, con matriz WCAG y export a tokens.
Easing Lab
Curvas cubic-bezier editables con preview real, biblioteca curada y export a CSS, Tailwind y SCSS.