Elementos de diseño
Los elementos de diseño definen dónde se ubica el contenido. Agrégalos antes de completar textos, medios y formularios para mantener un espaciado responsive predecible.
Bloques principales
| Elemento | Función |
|---|---|
| Container | Unidad principal de layout; contiene secciones, filas y elementos anidados. |
| Tab | Layout con pestañas y encabezados por panel. |
| Slider | Layout tipo carrusel para varios paneles. |
| Spacer | Control de espacio vertical u horizontal. |
| Divider | Separador visual entre secciones. |
| Menu | Menú de navegación para enlaces y marca. |
| Footer | Región final de la página con columnas o enlaces. |
Patrones de construcción
- Agrega un Container donde necesites una nueva sección.
- Dentro, usa filas o containers internos según tu plantilla.
- Usa Spacer y Divider para ajustar ritmo visual.
- Coloca Menu y Footer una vez por página salvo que el diseño los repita intencionalmente.
Diseño responsive
- Revisa cómo colapsan los ítems de Menu en móvil.
- Prueba gestos de slider y tab en dispositivos táctiles.
Preguntas frecuentes
¿Container o plantillas de sección?
Container es la caja básica de layout. Las plantillas de sección aceleran la inserción de estructuras prediseñadas.
¿Puedo anidar sliders?
Técnicamente es posible, pero suele empeorar la experiencia. Prefiere un solo slider por región visible.