Skip to content
Boost CRM

Pantalla Native Dashboard

Objetivo

Section titled “Objetivo”

Pantalla inicial autenticada en mobile con paridad visual respecto al dashboard web (adaptada a densidad móvil).

Reglas visuales del shell

Section titled “Reglas visuales del shell”
  • Header/top strip: #000000.
  • Fondo principal: #171717.
  • Bottom nav: pill redondeada #000000 con sombra inferior equivalente a #FFFFFF14.
  • Orden iconos bottom nav: cartera, catálogo, agenda, interacciones.

Tipografía

Section titled “Tipografía”
  • Poppins 400/500/600/700.
  • Jerarquía equivalente a web con escala móvil.
  • Mínimo funcional: 12sp.
  • Título módulo: 19, título de sección: 16, labels/values: 14, metadato: 12.

Iconografía

Section titled “Iconografía”
  • Iconos canónicos compartidos desde @repo/icons/native.
  • Paridad de paths con web (@repo/icons/web).

Estado de rollout

Section titled “Estado de rollout”
  • Dashboard shell completado con paridad visual base respecto a web.
  • Drawer lateral mobile implementado para unificar patrón topbar+sidebar web en una sola pieza móvil.
  • Navegación inicial conectada hacia /cartera desde drawer y bottom-nav.
  • Fases siguientes: expansión de módulos mobile sobre APIs reales + cache local/offline-first.
  • Dashboard consume baseline de layout/tipografía desde UI_IDENTITY.