CAMBO · Sistema de diseño + Prototipo

Auxilio para tu vehículo, cuando lo necesites.

Sistema de diseño propio + prototipo clickeable. Grúa, batería, cambio de llanta y diagnóstico a un toque. Atención 24/7 en toda Santa Cruz — pago simple por QR bancario.

Inter / fallback system-ui 8 px radius · 1 px borders Ámbar primario #f59300 Modo faro · beacon pulse

Pantallas

Click en cualquier pantalla para navegar el flujo

01 Onboarding ↗

Wordmark · propuesta de valor · CTA Crear / Login

02 Registro / Login ↗

Tabs · datos del vehículo · teléfono +591 · patente mono

03 Home ↗

Saludo · plan badge · gauges · hero PEDIR AUXILIO

04 Planes ↗

Básico · Plus destacado · Premium · Bs/mes · límites

05 Pago QR ↗

QR ámbar · ref mono · estado latiendo · Ya pagué

06 Pedir auxilio ↗

Grilla de servicios · mapa SVG · nota · Solicitar

07 Auxilio activo · Modo faro ↗

Asfalto · beacon ámbar · mapa · técnico · stepper

08 Historial ↗

Filtros · eventos por mes · fechas mono · tags

09 Perfil ↗

Avatar · plan · vehículos · cuenta · soporte

Sistema de diseño

Calmo bajo estrés, legible en ruta. Mundo visual: tablero de auto + señalética vial de emergencia.

Paleta

surface

border

muted

accent

Mundo vial (extensiones): #0e0d0c ink / #c53030 danger / #2f7a47 success

Tipografía

Display: Inter 800, -0.02em Body: Inter 400/600, 14–16 px Mono: SF Mono / ui-monospace (códigos, patentes, ETA)

Postura

· 8 px corner radius · 1 px borders · 8 px baseline grid · tap targets 48 px · Ámbar sparingly · 1 wash per pantalla · Chevron stripes (cinta vial) · mono codes · Modo faro: asphalt #0e0d0c + beacon pulse