SuMejorVida — Design System
Página de referencia visual. Muestra todos los elementos del diseño: colores, tipografía, botones, tarjetas, formularios.
🎨 Paleta de Colores
📝 Tipografía
H1 — Tu vida sin dolor empieza aquí (48px / 800)
H2 — Quiropráctica, Fisioterapia, Osteopatía (36px / 800)
H3 — Primera visita sin compromiso (26px / 700)
H4 — Dr. Brendan O’Connell (20px / 700)
Párrafo — En Ecuador, 1 de cada 50 personas sabe qué es un quiropráctico. Nuestro trabajo es educarte y ayudarte a vivir sin dolor desde el primer día. (17px / 400 / line-height 1.7)
Texto muted — Información secundaria, subtítulos, notas al pie. (rgba 0.55)
🔘 Botones y CTAs
🃏 Tarjetas
Quiropráctica
Ajustes manuales de la columna vertebral para eliminar el dolor y restaurar la movilidad natural.
Ver tratamiento →Fisioterapia
Rehabilitación funcional mediante técnicas manuales y ejercicio terapéutico personalizado.
Ver tratamiento →Osteopatía
Enfoque holístico del sistema musculoesquelético para tratar la causa raíz del dolor.
Ver tratamiento →📍 Dos Ubicaciones
💬 Testimonio (ejemplo)
“Llevaba 3 años con dolor de espalda crónico. Después de 4 sesiones con el Dr. Brendan, el 80% del dolor desapareció. No puedo creer que no vine antes.”
— María García, Guayaquil
📋 Notas de Desarrollo
✅ Boje: configuradas via GP setup script
✅ Tipografía: sistema (sin Google Fonts)
✅ Plugins: todos activos
🔲 Licencias: GP Premium, Crocoblock, WPvivid Pro — activar manualmente en WP Admin
🔲 SSL: Let’s Encrypt rate limit reset el 24 marzo 2026
🔲 GTM: pendiente de configurar
🔲 Redis: verificar que esté activo
🔲 Logo: subir a Media Library cuando esté disponible