Design system · NEURAPX
Prescripción terapéutica digital con seguimiento inteligente. Fundamentos visuales (Material 3 + tokens de producto), componentes reutilizables y todos los servicios incluidos en la plataforma — live y planificados.
Capa M3 para producto y marketing (`bg-m3-*`). Capa shadcn HSL para primitivas de @neuroapp/ui. Semáforo clínico para adherencia.
primary
secondary
tertiary
error
surface
surface-container
surface-container-high
inverse-surface
Primary light #1a40c2 · Secondary #0b6b4a · CSS vars en app/globals.css
display — The quick rehab jump
Hero marketing, números KPI grandes
headline-lg — The quick rehab jump
Títulos de sección / página
headline-md — The quick rehab jump
Subsecciones, cards destacadas
title-lg — The quick rehab jump
Títulos de card / dialog
body-lg — The quick rehab jump
Lead paragraphs
body-md — The quick rehab jump
Cuerpo por defecto
label-md — The quick rehab jump
Nav, botones, form labels
label-sm — The quick rehab jump
Badges, meta, captions
8px (space-unit)48px (min-h-touch-target)px-margin-mobile (fluid) / px-margin-desktop (fluid)max-w-[1200px] marketing · max-w-6xl patient mainSubtle, clinical, professional — never playful bounce on clinical data
Primitivas en @neuroapp/ui · chrome de app en components/ui · dominios en components/{portal}.
@neuroapp/ui
packages/ui/src/button.tsx
CVA variants: default, destructive, outline, secondary, ghost, link
@neuroapp/ui
packages/ui/src/card.tsx
Card + Header/Title/Description/Content/Footer
@neuroapp/ui
packages/ui/src/badge.tsx
Status chips
@neuroapp/ui
packages/ui/src/compliance-badge.tsx
Semáforo clínico de adherencia
@neuroapp/ui
packages/ui/src/spinner.tsx
Loading
apps/web
components/ui/icon.tsx
Material Symbols by name
apps/web
components/ui/logo.tsx
mark | full · light/dark auto
apps/web
components/ui/app-shell.tsx
default (sidebar) | patient (bottom nav)
apps/web
components/ui/{sidebar,topbar,bottom-nav,mobile-nav}.tsx
Navigation chrome
apps/web
components/ui/theme-toggle.tsx, language-switcher.tsx
Global chrome
apps/web
components/ui/
Lists, loading, scroll reveal
apps/web
components/marketing/
Landing blocks + MarketingPageShell
Cada rol tiene un shell y prioridad de UX distinta.
patient
/patient/*
AppShell variant=patient
Mobile-first PWA + bottom nav + safe-area
therapist
/therapist/*
AppShell default + sidebar xl+
Desktop + tablet responsive
clinic
/clinic/*
AppShell default + CRM nav
Desktop-first operations
admin
/admin/*
AppShell default
Utility dense tables
marketing
/
MarketingHeader + MobileNav / MarketingPageShell
SEO, honesty, conversion
17 servicios live · 2 planificados / parciales. Catálogo en código: lib/design-system/services.ts.
Rutinas sugeridas, SOAP, análisis de movimiento y adherencia; el terapeuta siempre aprueba.
Provider: Google Vertex AI / Gemini
Incluido en suscripción terapeuta/clínica
/therapist/ai · /api/gemini/prescribe · /api/gemini/analyze-posture
Prescripción de ejercicios, grilla semanal, envío al paciente y calendario de plan.
Incluido
/therapist/patients · /patient/my-routine · /patient/my-plan…
Catálogo, categorías, video multi-dispositivo (Mux) y reproducción en PWA.
Provider: Mux (transcode HLS/MP4)
Incluido
/therapist/library · /therapist/exercises · /api/exercises
Experiencia móvil en el navegador: hoy / rutina / plan, check-ins, mensajes, teleconsulta, deudas y offline outbox. Sin tienda de apps.
Gratis para el paciente invitado
/patient/*
Dolor/fatiga diarios, ejercicios completados y semáforo de cumplimiento.
Incluido
/patient/today · /api/checkins
Chat paciente ↔ terapeuta con contexto clínico.
Incluido
/patient/messages · /therapist/messages · /api/messages
Videollamada en cita virtual (Jitsi/JaaS).
Provider: Jitsi / 8x8 JaaS
Incluido
/patient/call · /therapist/call · /therapist/call/appointment/[id]…
Disponibilidad, reserva presencial/virtual/domicilio y agenda profesional.
Incluido; fee plataforma en cobros online
/patient/book · /therapist/agenda · /clinic/agenda…
Mapa/listado de terapeutas por cercanía, badges de pago y reserva.
Incluido en plataforma
/therapist/nearby · /api/nearby/**
Checkout tarjeta/SINPE, marketplace split, payment requests, efectivo en consulta.
Provider: ONVO Pay
5% fee por consulta cobrada en plataforma · comisión marketplace configurable
/patient/payment · /therapist/money · /api/payments/**…
Plan terapeuta $9.99/mes · clínica $9.99/mes (2 asientos) + $2 extra · 1 mes gratis.
Provider: ONVO Pay
Suscripción recurrente
/pricing · /therapist/billing · /clinic/subscription…
Agenda extendida, expedientes, paquetes, deudas, caja, tratamientos y copilot.
Plan clínica
/clinic/crm/** · /api/clinics/[id]/crm/**
Plantillas, recordatorios de cita/deuda/pago y campañas multi-clínica (Kapso).
Provider: Kapso
Incluido en CRM (costos de canal según proveedor)
/clinic/crm/whatsapp · /api/webhooks/**
Facturas paciente, deudas clínicas, earnings terapeuta y reportes de caja.
Incluido
/patient/invoices · /therapist/invoices · /clinic/crm/caja…
Consentimientos, clinical_records append-only, RLS y logs de acceso.
Incluido (requisito de confianza)
/patient/clinical-history · /api/**
Terapeutas, pacientes, ejercicios, marketplace y comisiones a nivel plataforma.
Interno NeuraPX
/admin/**
Portales y marketing en español, inglés y portugués.
Incluido
*
En desarrollo (Expo, builds de preview). La vía de producción del paciente sigue siendo la PWA.
En desarrollo
Contratos y UI en repo; no es monetización activa.
Fase 2
Infraestructura y providers que sostienen los servicios de producto.
App Router, RSC, API Routes Node, i18n, marketing y portales.
Provider: Vercel
Postgres + Auth + RLS + Storage + Realtime.
Provider: Supabase
Servicio Nest del catálogo de ejercicios.
Instalable, offline outbox y caching (Serwist).
Provider: Serwist
Magic link, notificaciones y templates.
Provider: Resend (config)
Opt-in y delivery de notificaciones web.
Errores y performance en producción.
Provider: Sentry + Vercel Analytics
Nearby: geocode y matrices de distancia con cache.
Provider: Nominatim / Distance Matrix (config)
GitHub Actions, husky, coverage gate, lint/typecheck.
Provider: GitHub Actions
Precios canónicos: terapeuta $9.99/mes · clínica $9.99/mes (+ $2/asiento) · fee consulta 5%.
therapist
$9.99/mes
clinic
$9.99/mes · 2 asientos (+$2 extra)
patient
Sin suscripción
lib/design-system/tokens.tslib/design-system/services.tsapp/globals.csstailwind.config.tsdocs/design-system/AGENTS.md