Guía de estilos
Scaffold del sistema de diseño para el panel admin de SiVET. Contiene todos los tokens, la paleta de colores, tipografía y los componentes base. La implementación completa del panel es la issue #153.
Logotipo (provisional)
Wordmark vectorial generado como aproximación provisional. El asset oficial se entregará por el diseñador una vez confirmado el rebranding.
Paleta de colores — tokens core
Coral (marca)
#fc5c5b
--primary
Fondo
#ffffff
--background
Texto principal
#1f2430
--foreground
Secundario
#f0f4f8
--secondary
Atenuado
#e8edf2
--muted
Borde / Input
#dde3ea
--border
Destructivo
#dc2626
--destructive
Paleta de estados — semáforo ServiceRequest
Un color por estado del ciclo de vida de la solicitud de servicio (ServiceRequest.state).
Nueva
#3b82f6
--status-new
Asignada
#f59e0b
--status-assigned
Aceptada
#8b5cf6
--status-accepted
En camino
#06b6d4
--status-on-route
Llegó
#14b8a6
--status-arrived
Completada
#16a34a
--status-completed
Pagada
#059669
--status-paid
Rechazada
#dc2626
--status-rejected
Cancelada
#94a3b8
--status-cancelled
Vencida
#c2410c
--status-expired
Tipografía — Open Sans
Display / Título principal
Atención veterinaria a domicilio
Título de sección (h2)
Solicitudes de servicio
Subtítulo (h3)
Asignación manual de veterinario
Cuerpo de texto
El panel admin permite gestionar el ciclo completo de una consulta veterinaria: desde que el tutor inicia la solicitud por WhatsApp hasta la confirmación de pago. La asignación es manual en V1.
Texto pequeño / meta
Creada el 28 mayo 2026 a las 14:32 — Tutor: Ana García — Mascota: Max (labrador, 3 años)
Monospace (código / IDs)
#SR-0042 · ASSIGNED → ACCEPTED · webhook_id: mp_evt_abc123
Botones
Variantes
Tamaños
Estado deshabilitado
Cards
Consulta general
Max · Labrador · 3 años
El tutor reporta que la mascota no come desde ayer y tiene decaimiento leve.
Control post-op
Luna · Siamés · 5 años
Seguimiento a 7 días de la operación. El tutor indica buena evolución.
Vacunación anual
Rocky · Boxer · 2 años
Refuerzo de antirrábica + quíntuple. Turno coordinado previamente.
Badges — estados de solicitud
Tabla — solicitudes de servicio
| ID | Tutor | Mascota | Veterinario | Estado | Acciones |
|---|---|---|---|---|---|
| #0042 | Ana García | Max (labrador) | Dr. Pérez | Nueva | |
| #0041 | Carlos Ruiz | Luna (gato) | Dra. López | En camino | |
| #0040 | María Silva | Toby (poodle) | Dr. Gómez | Completada | |
| #0039 | Lucía Torres | Nina (beagle) | Dra. Ramos | Pagada | |
| #0038 | Pedro Díaz | Rocky (boxer) | — | Vencida |
Kanban — columnas de solicitudes
Vista previa de las columnas del Kanban admin. La implementación completa con drag & drop y datos reales es parte del issue #153.
Ana García · Max (labrador)
Hace 12 min
Pedro Díaz · Rocky (boxer)
Hace 34 min
Carlos Ruiz · Luna (siamés)
Vet: Dra. López · Hace 8 min
María Silva · Toby (poodle)
Vet: Dr. Gómez · ETA 15 min
Lucía Torres · Nina (beagle)
Hace 2 h · Pago pendiente