Finanzas y números
Importes legibles, unidades explícitas y significado que no depende del color.
Presentar dinero
Inter con font-variant-numeric: tabular-nums lining-nums, tracking 0. Importes a la derecha en tablas, textos a la izquierda. Moneda explícita en cabecera y al cambiar de moneda: BOB o USD. En la interfaz local se puede mostrar «Bs 2.500,00», con BOB indicado en el contexto. No mezclar monedas en un total sin conversión, fecha y criterio visibles.
DATOS FICTICIOS · BOB · SEPTIEMBRE 2026
F-0246 venció hace 3 días. Comprueba la fecha antes de enviar un recordatorio.
| Concepto | Estado | Fecha | Importe |
|---|---|---|---|
| Honorarios F-0248 | ✓ Pagada | 30/09/2026 | 2.500,00 |
| Gasto registrado | Registrado | 29/09/2026 | −1.200,00 |
| Factura F-0246 | ⚠ Vencida | 27/09/2026 | 1.800,00 |
F-0246 · Bs 1.800,00 · Estado de demostración. No hay cobro ni envío de recordatorio.
Usar el formato del locale del producto; v6 muestra es-BO. Dos decimales cuando corresponde al dato financiero. Porcentajes con precisión adecuada y consistente; distinguir puntos porcentuales de cambio relativo.
Datos y estados
Cero es un importe válido. Ausencia se representa con «Sin dato» o raya acompañada de explicación; carga usa skeleton, nunca un cero temporal. Importes negativos llevan signo; los egresos no se vuelven rojos automáticamente. Pendiente, vencido y pagado llevan etiqueta y fecha.
Un total resumido puede abreviarse si conserva unidad y precisión útil; al inspeccionarlo, mostrar importe completo. Grandes diferencias de tamaño no deben ocultar moneda o período. Evitar números recortados, celdas partidas y mono como requisito para alinear dinero.
Conducta financiera
No hacer cálculos monetarios definitivos con números binarios del frontend. Usar el contrato financiero del backend y unidades/decimales definidos; la UI formatea el resultado. No inferir estado de pago por el cierre del diálogo ni por un timeout. Verificar respuesta y recuperación.
Un aumento de deuda puede ser una variación positiva matemáticamente y desfavorable operacionalmente. La comparación describe el dato; el color solo evalúa cuando hay un criterio de negocio explícito y rotulado.
Verificación
Comparar datos con el origen, revisar signos y separación decimal, moneda, período, filtros, redondeo y subtotal/total. Probar cantidades grandes, cero, negativos, ausencia, carga y error parcial. Los ejemplos de la guía son ficticios y no ejecutan operaciones.