Sistema de diseño
Todo lo que se ve aquí sale de app/globals.css. Si una pantalla necesita algo que no está en esta página, se añade al sistema y se dice; no se inventa en un sitio suelto.
Color
El acento se gasta en lo que se puede pulsar. Lo demás es gris con intención.
tinta
Texto principal
gris2
Texto secundario
gris
Texto de apoyo
borde
Bordes
linea
Separadores
fondo
Fondo de página
acento
Acciones y foco
verde
Hecho
ambar
Atención
rojo
Error
Tipografía
Seis tamaños. La jerarquía se hace con peso y color, no con tamaños nuevos.
Título de pantalla
Título de sección
Subtítulo
Texto normal. Es el tamaño en el que está escrita casi toda la aplicación, y la línea no pasa de unos setenta caracteres para que se siga leyendo sin perder el renglón.
Texto secundario, para lo que acompaña.
Texto de apoyo: fechas, ayudas, pies.
Cifras tabulares: 1.250,50 € · 8.400,00 € · 112,25 €
Botones
Uno principal por zona. El resto, suaves o planos.
Formularios
Este nombre será el mismo en todos los sitios. No lo cambies después.
Si no está en la lista, escríbelo.
Avisos y estados
Guardado.
Guardado, pero la cantidad de la partida 1 no se entendía y se ha dejado vacía.
La fecha de fin es anterior a la de inicio.
Datos
Ficha
- Cliente
- Iberdrola
- Fechas
- 14 – 16 de diciembre
- Asistentes
- 450
Tabla
| Concepto | Cantidad |
|---|---|
| Pantalla LED 6 × 3 m, montaje incluido | 1 |
| Técnico de sonido | 2 |
Cuando no hay nada
No es un error: es una respuesta, y lleva la acción que toca.
Todo al día.
Cuando falte algo de un evento aparecerá aquí con el botón que lo resuelve.