Arquitectura de página a medida

Demostración del control absoluto de diseño habilitado mediante noStyle: true.

Base lógica

Esta demostración utiliza la directiva de frontmatter noStyle: true para omitir el diseño global de la documentación (Barra lateral, Encabezado y TOC). Esto proporciona un lienzo "sin fricción" para crear páginas de inicio de marketing o paneles de control de productos personalizados.

<h3>Componentes del sistema habilitados</h3>
<p>Cuando está en modo No-Style, usted elige explícitamente las características principales del motor de documentación:</p>

<ul>
  <li><strong>Motor de metadatos SEO</strong>: Se conservan las etiquetas estructuradas y los datos del grafo social.</li>
  <li><strong>Marca del proyecto</strong>: La inyección global del favicon permanece activa.</li>
  <li><strong>Tipografía fundamental</strong>: El archivo procesado <code>docmd-main.css</code> proporciona el estilo base.</li>
  <li><strong>Sincronización de temas</strong>: El estado del modo claro/oscuro se preserva por completo.</li>
  <li><strong>Capacidades interactivas</strong>: El enrutador SPA y la lógica de componentes permanecen disponibles.</li>
</ul>

<h3>Implementación técnica</h3>
<p>
  El diseño de esta página está escrito utilizando contenedores HTML estándar y CSS de ámbito definido en el campo de frontmatter <code>customHead</code>. Esto garantiza que no haya filtración de CSS al resto del sitio de documentación.
</p>

<a href="./no-style-pages.md" class="demo-button">Analizar la guía de implementación →</a>