Título de la tarjeta
Dos líneas que explican qué hay dentro y por qué merece la pena abrirla.
Paleta
Cuatro negros verdosos que se apilan por profundidad y un único acento de alto voltaje. No hay color secundario: si algo necesita destacar, o es lima o no destaca. Toca un color para copiarlo.
Tipografía
Inter Tight para todo lo que se lee y JetBrains Mono para lo que se mide. El monoespaciado no es decoración: marca lo que es un dato, un estado o una etiqueta técnica.
- Alto voltaje
- Un solo acento de alto voltaje
- La interfaz desaparece y deja mandar al contenido. Sobre negro verdoso, un texto claro descansa la vista incluso después de un rato largo.
- dato · etiqueta técnica
Componentes
Los ocho componentes que tienen todos los sistemas, con la piel de Halógeno: radios que se cuadran al tocarlos y anillos de luz en vez de sombras. Son los mismos que puedes copiar sueltos en la Biblioteca de elementos.
-
Botones
-
Tarjeta
Nuevo -
Acceso
Entrar
-
Selección
-
Avisos
GuardadoLos cambios ya están a salvo.
No se pudo enviarRevisa la conexión e inténtalo otra vez.
-
Pestañas y filtros
Todo Hoy Esta semana -
Dato
Visitas este mes 2.480 ▲ 12 % frente al mes anterior -
Plan
Recomendado Plan estándar
12 € / mes
- Hasta cinco personas
- Copia de seguridad diaria
- Respuesta en un día
Iconos
Las piezas de producción
Botones
Chip y baldosa de icono
Activo
Sin definir
Casillas
Campo y dato
128
elementos
24 px
retícula
Tarjeta
Tarjeta de contenido
Una línea de apoyo en texto secundario, del largo que suele tener de verdad.
Pruébalo en una app
Las ocho demos se abren vestidas con Halógeno. El selector de abajo a la derecha deja cambiarlo en vivo.