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 Verde primario #16a34a Modo faro · beacon pulse

Pantallas

9 pantallas + 3 modales · clickeables entre sí

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 verde · ref mono · estado latiendo · Ya pagué

06 Pedir auxilio ↗

Grilla de servicios · mapa SVG · nota · Solicitar

07 Auxilio activo · Modo faro ↗

Asfalto · beacon verde · mapa · técnico · stepper

08 Historial ↗

Filtros · eventos por mes · fechas mono · tags

09 Perfil ↗

Avatar · plan badge · vehículos · cuenta · soporte

10 Ubicación · sheet ↗

Mapa con calles, río y parque · pin · búsqueda · "Usar mi ubicación actual"

11 Nota al técnico · sheet ↗

Textarea con contador · 6 chips de razones comunes · guardar

12 Alerta cupos agotados ↗

Modal centrado · danger · actualizar plan / soporte / elegir otro

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 · Verde sparingly · 1 wash per pantalla · Chevron stripes (cinta vial) · mono codes · Modo faro: asphalt #0e0d0c + beacon pulse