6edb2ebeaa
Phase 4.4 PageSpeed Accessibility fixes: - cta-box-sidebar: title/description colors from white to navy-dark (#0E2337) - contact-form: info_value_color from #D5D8DA to #495057, button text to navy-dark - cta-lets-talk: text_color from white to navy-dark - css-tablas-apu: .c3 column color from #6c757d to #495057 (7.0:1 ratio) All changes ensure minimum 4.5:1 contrast ratio for normal text (WCAG AA). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
255 lines
7.1 KiB
JSON
255 lines
7.1 KiB
JSON
{
|
|
"component_name": "cta-box-sidebar",
|
|
"version": "1.0.0",
|
|
"description": "Caja CTA en sidebar para captar leads con título, descripción y botón de acción",
|
|
"groups": {
|
|
"visibility": {
|
|
"label": "Visibilidad",
|
|
"priority": 10,
|
|
"fields": {
|
|
"is_enabled": {
|
|
"type": "boolean",
|
|
"label": "Activar componente",
|
|
"default": true,
|
|
"editable": true,
|
|
"required": true
|
|
},
|
|
"show_on_desktop": {
|
|
"type": "boolean",
|
|
"label": "Mostrar en escritorio",
|
|
"default": true,
|
|
"editable": true,
|
|
"description": "Muestra el componente en pantallas >= 992px"
|
|
},
|
|
"show_on_mobile": {
|
|
"type": "boolean",
|
|
"label": "Mostrar en móvil",
|
|
"default": false,
|
|
"editable": true,
|
|
"description": "Muestra el componente en pantallas < 992px"
|
|
},
|
|
"show_on_pages": {
|
|
"type": "select",
|
|
"label": "Mostrar en",
|
|
"default": "posts",
|
|
"editable": true,
|
|
"options": ["all", "posts", "pages"],
|
|
"description": "Tipos de contenido donde se muestra"
|
|
}
|
|
}
|
|
},
|
|
"content": {
|
|
"label": "Contenido",
|
|
"priority": 20,
|
|
"fields": {
|
|
"title": {
|
|
"type": "text",
|
|
"label": "Título",
|
|
"default": "¿Sigues Armando Presupuestos Desde Cero?",
|
|
"editable": true
|
|
},
|
|
"description": {
|
|
"type": "textarea",
|
|
"label": "Descripción",
|
|
"default": "Ahorra cientos de horas con la biblioteca de precios unitarios más grande de México.",
|
|
"editable": true
|
|
},
|
|
"button_text": {
|
|
"type": "text",
|
|
"label": "Texto del botón",
|
|
"default": "Convertirme en V.I.P.",
|
|
"editable": true
|
|
},
|
|
"button_icon": {
|
|
"type": "text",
|
|
"label": "Icono del botón",
|
|
"default": "bi bi-star-fill",
|
|
"editable": true,
|
|
"description": "Clase Bootstrap Icons (ej: bi bi-calendar-check)"
|
|
},
|
|
"button_action": {
|
|
"type": "select",
|
|
"label": "Acción del botón",
|
|
"default": "modal",
|
|
"editable": true,
|
|
"options": ["modal", "link", "scroll"],
|
|
"description": "Comportamiento al hacer clic"
|
|
},
|
|
"button_link": {
|
|
"type": "url",
|
|
"label": "URL del botón",
|
|
"default": "#contactModal",
|
|
"editable": true,
|
|
"description": "URL o ID del modal (ej: #contactModal)"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"label": "Tipografía",
|
|
"priority": 30,
|
|
"fields": {
|
|
"title_font_size": {
|
|
"type": "text",
|
|
"label": "Tamaño título",
|
|
"default": "1.25rem",
|
|
"editable": true
|
|
},
|
|
"title_font_weight": {
|
|
"type": "text",
|
|
"label": "Peso título",
|
|
"default": "700",
|
|
"editable": true
|
|
},
|
|
"description_font_size": {
|
|
"type": "text",
|
|
"label": "Tamaño descripción",
|
|
"default": "0.9rem",
|
|
"editable": true
|
|
},
|
|
"button_font_size": {
|
|
"type": "text",
|
|
"label": "Tamaño texto botón",
|
|
"default": "1rem",
|
|
"editable": true
|
|
},
|
|
"button_font_weight": {
|
|
"type": "text",
|
|
"label": "Peso texto botón",
|
|
"default": "700",
|
|
"editable": true
|
|
}
|
|
}
|
|
},
|
|
"colors": {
|
|
"label": "Colores",
|
|
"priority": 40,
|
|
"fields": {
|
|
"background_color": {
|
|
"type": "color",
|
|
"label": "Fondo contenedor",
|
|
"default": "#FF8600",
|
|
"editable": true
|
|
},
|
|
"title_color": {
|
|
"type": "color",
|
|
"label": "Color título",
|
|
"default": "#0E2337",
|
|
"editable": true,
|
|
"description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
|
|
},
|
|
"description_color": {
|
|
"type": "color",
|
|
"label": "Color descripción",
|
|
"default": "#0E2337",
|
|
"editable": true,
|
|
"description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
|
|
},
|
|
"button_background_color": {
|
|
"type": "color",
|
|
"label": "Fondo botón",
|
|
"default": "#ffffff",
|
|
"editable": true
|
|
},
|
|
"button_text_color": {
|
|
"type": "color",
|
|
"label": "Color texto botón",
|
|
"default": "#FF8600",
|
|
"editable": true
|
|
},
|
|
"button_hover_background": {
|
|
"type": "color",
|
|
"label": "Fondo botón hover",
|
|
"default": "#1e3a5f",
|
|
"editable": true,
|
|
"description": "Color navy-primary del Design System"
|
|
},
|
|
"button_hover_text_color": {
|
|
"type": "color",
|
|
"label": "Texto botón hover",
|
|
"default": "#ffffff",
|
|
"editable": true
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"label": "Espaciado",
|
|
"priority": 50,
|
|
"fields": {
|
|
"container_padding": {
|
|
"type": "text",
|
|
"label": "Padding contenedor",
|
|
"default": "15px",
|
|
"editable": true
|
|
},
|
|
"title_margin_bottom": {
|
|
"type": "text",
|
|
"label": "Margen inferior título",
|
|
"default": "1rem",
|
|
"editable": true
|
|
},
|
|
"description_margin_bottom": {
|
|
"type": "text",
|
|
"label": "Margen inferior descripción",
|
|
"default": "1rem",
|
|
"editable": true
|
|
},
|
|
"button_padding": {
|
|
"type": "text",
|
|
"label": "Padding botón",
|
|
"default": "0.75rem 1.5rem",
|
|
"editable": true
|
|
},
|
|
"icon_margin_right": {
|
|
"type": "text",
|
|
"label": "Margen derecho icono",
|
|
"default": "0.5rem",
|
|
"editable": true
|
|
}
|
|
}
|
|
},
|
|
"visual_effects": {
|
|
"label": "Efectos Visuales",
|
|
"priority": 60,
|
|
"fields": {
|
|
"border_radius": {
|
|
"type": "text",
|
|
"label": "Radio de borde contenedor",
|
|
"default": "8px",
|
|
"editable": true
|
|
},
|
|
"box_shadow": {
|
|
"type": "text",
|
|
"label": "Sombra contenedor",
|
|
"default": "0 4px 12px rgba(255, 133, 0, 0.2)",
|
|
"editable": true
|
|
},
|
|
"button_border_radius": {
|
|
"type": "text",
|
|
"label": "Radio de borde botón",
|
|
"default": "8px",
|
|
"editable": true
|
|
},
|
|
"transition_duration": {
|
|
"type": "text",
|
|
"label": "Duración transición",
|
|
"default": "0.3s",
|
|
"editable": true
|
|
}
|
|
}
|
|
},
|
|
"behavior": {
|
|
"label": "Comportamiento",
|
|
"priority": 70,
|
|
"fields": {
|
|
"text_align": {
|
|
"type": "select",
|
|
"label": "Alineación texto",
|
|
"default": "center",
|
|
"editable": true,
|
|
"options": ["left", "center", "right"]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|