Shiko Design System

Paleta de colores oficial, semanticos y estados veterinarios.

Fuentes, tamanos de texto, encabezados y uso del logo.

Variantes de botones, tamanos y estados de interaccion.

Libreria de iconos del sistema y emojis.

Inputs, selects, checkboxes, radios y textareas.

Alertas, notificaciones (toasts) y modales.

Contenedores y tarjetas genericas.

Etiquetas, badges y elementos compactos.

Componentes especificos de negocio para pacientes.

Skeletons, estados vacios y tarjetas de estadisticas.

Enlaces, wizard progress y drawer movil.

Zoom de imagenes y lightbox a pantalla completa.

Navegacion principal sticky y pie de pagina del sitio.

Hero principal, perfiles, como funciona, CTA y tipos de mascota.

Barra de busqueda con ubicacion, categorias y filtros de precio.

Botón flotante con mascota animada. Gradiente naranja + GSAP walking.

Tarjetas de directorio y estados de disponibilidad.

MapLibre GL con marcadores, busqueda y modo seleccion.

Selector de dias y horarios para agendar citas.

Flujo de login, registro, OAuth y gestion de sesion.

Layout del dashboard, navegacion por roles y secciones principales.