← Todos los sistemas

648 combinaciones

Monta tu sistema

El color, la letra y la forma son tres decisiones independientes. Coge la paleta de uno, la tipografía de otro y los elementos de un tercero: la muestra de la izquierda se repinta al instante. Cuando te guste, copia el enlace y llévatelo.

Tu proyecto Inicio Catálogo
Etiqueta

Un titular de ejemplo

Un párrafo del largo que suele tener de verdad, para ver cómo se comporta la medida y el interlineado cuando hay dos líneas y no una.

Destacado

Título de la tarjeta

Dos líneas de apoyo: qué es, y el único dato que hace falta para decidir.

ElementoReferenciaEstado
Primer elemento0421Activo
Segundo elemento0422En pausa

Nota al pie, metadatos y disponibilidad.

Combinaciones de partida

Los sistemas del catálogo, cada uno con sus tres ejes ya elegidos. Son un punto de partida: en cuanto cambies algo, deja de ser uno de ellos y pasa a ser tuyo.

  • Esta parte necesita JavaScript. Sin él puedes ver la muestra, pero no cambiarla.

Paleta de colores eje 1

Fondo, tinta, acentos y los tres estados: correcto, aviso y error. Cada paleta trae el paso de rampa que sí se lee como texto, así que ninguna combinación baja de 4,5:1.

    Tipografía eje 2

    La pareja de fuentes y cómo se comporta el titular: peso, interletraje y caja. Las que no descargan nada usan la pila del sistema y se ven nativas en cada dispositivo.

      Elementos eje 3

      La forma, sin color ni letra: radio del contenedor y del botón, grosor del filo, sombra, densidad del espaciado y grosor de icono.