Estos componentes usan exactamente los mismos tokens que el sitio público:
tokens.css, base.css y componentes.css
se copian tal cual al Sistema Interno. Es la prueba de que la estética
aguanta una pantalla densa de datos y no solo una portada. Si funciona para
el arqueo de caja, funciona para el resto.
Todos los montos y nombres son de prueba.
El azul y el rojo están medidos sobre el logotipo real del hotel. No son una interpretación: son los píxeles.
Azul#1644C3
estructura
Azul hondo#0E2C7E
titulares
Rojo#FC0000
una acción por pantalla
Tinta#101A33
texto
Papel#F1F2F4
fondo
Azul tenue#E4EAF9
apoyos
Ok#0B7A3E
cuadra
Pendiente#B45309
falta algo
Dos familias con roles separados. Arvo es la tipografía de la marca —la misma slab serif del logotipo— y va solo donde carga identidad. Archivo sostiene el resto, que adentro es casi todo: una slab en una tabla de números es peor que una grotesca.
Marca · Arvo 700 · titulares y cifras que son el argumento
Parás acá, dormís bien
Marca · Arvo 400 · uso excepcional, nunca en texto corrido
1.033 opiniones · 4,2
Texto · Archivo 400 · cuerpo
A cien metros del kilómetro cero, con la cochera cubierta adentro del hotel. Desayuno hasta las diez y recepción abierta toda la noche.
Texto · Archivo 700 · etiquetas y controles
Medio de pago · Guardar movimiento · Sin comprobante
Cambiá el conteo físico y mirá cómo responde el sistema. Es la pantalla más exigente del Sistema Interno y la razón por la que el rojo se reserva: acá significa que la caja no cuadra, y no puede significar otra cosa en ninguna otra parte.
Ingresos del día
—
Egresos y retiros
—
Efectivo esperado en caja
—
Diferencia
—
—
Solo el efectivo entra en el conteo físico. Tarjeta y transferencia suman al día pero no al cajón: esa distinción es la que hace que el arqueo sirva.
| Hora | Concepto | Cargó | Medio | Monto | Estado |
|---|---|---|---|---|---|
| Total del día | — | ||||
La etiqueta está siempre visible: no se usa el placeholder como etiqueta. Cada botón dice qué pasa cuando se aprieta.
Los retiros necesitan número de comprobante.
Cuatro y no más. Cada uno dice algo distinto y ninguno se usa por decoración.
Contaste lo mismo que tenía que quedar. Podés cerrar el día.
Cargá el número o dejá una nota antes de cerrar, para que quede el rastro.
Contaste $63.700 y deberían quedar $67.100. Revisá los retiros antes de cerrar.
El contenedor base del sistema. Es la construcción de un cartel de ruta: bloque lleno con filete interior. Contiene una habitación afuera y un bloque de datos adentro.
Para bloques de apertura y cifras destacadas.
Para contenido de lectura y listados.
Para agrupar sin separar del fondo.