# Plantilla: Documentar Nuevo Demo Usar esta plantilla al documentar un demo nuevo. Copiar y rellenar cada sección. --- ## [Nombre del Demo] - README.md **Proyecto de referencia:** [Nombre del cliente/proyecto](URL) Breve descripción del demo (sector, uso). ### Identidad - **Tipografía**: ... - **Kerning**: ... - **Skin**: ... - **Page headers**: classic | modern ### Archivos Clave | Tipo | Ubicación | |------|-----------| | CSS | `public/template/css/demos/{demo}.css` | | Vistas base | `resources/views/modules/cd-base/frontend/demos/{demo}/` | | Header | `resources/views/layout/front/headers/{demo}.blade.php` | | Footer | `resources/views/layout/front/footers/{demo}.blade.php` | ### Documentación 1. 01-estructura-completa.md 2. 02-identidad-y-tipografia.md 3. 03-modulos-integrados.md 4. 04-configuracion-proyecto.md 5. 05-checklist-validacion.md --- ## 01-estructura-completa.md - Árbol de archivos del demo - Rutas frontend resueltas - Orden de carga CSS --- ## 02-identidad-y-tipografia.md - Proyecto de referencia - Brandbook (tipografías, kerning, variables CSS) - Skin - Componentes con estilo propio - Aislamiento (scoping) --- ## 03-modulos-integrados.md - Módulos con adaptación ($isRestaurant, $isLawFirm, etc.) - Page header type - Navegación header/footer - Vistas base del demo --- ## 04-configuracion-proyecto.md - cd-system.json - site-data.json - site.php / assets - Seeders --- ## 05-checklist-validacion.md - Tipografía - Layout (header, footer) - Welcome (secciones) - Módulos - Estilos específicos - Config y assets - Multi-tenant --- ## Pasos Técnicos para Nuevo Demo 1. Añadir demo a `get_demo_layout_mapping()` en helpers.php 2. Crear `headers/{demo}.blade.php` y `footers/{demo}.blade.php` 3. Crear `modules/cd-base/frontend/demos/{demo}/` (welcome, about, contact) 4. Crear `public/template/css/demos/{demo}.css` (scoped bajo html.{demo}) 5. Añadir clase al `` en master.blade.php cuando demo activo 6. Actualizar page-headers.php si requiere tipo distinto 7. Cada módulo: añadir `$isNuevoDemo = ($activeDemo === 'demo-nuevo')` en dynamic-header 8. Documentar siguiendo esta plantilla