Page Header Centered

Contrato del layout

Un layout transporta anatomia, no pintura: se rellena por slots y depende del CSS de los componentes que lista. Instalarlo sin ellos lo deja sin estilos.

Slots

{{breadcrumb1_url}}{{breadcrumb1_label}}{{breadcrumb2_url}}{{breadcrumb2_label}}{{eyebrow}}{{headline}}{{description}}

Componentes requeridos

breadcrumbtypographytag

Anatomía CSS

<div class="layoutPageHeaderCentered">

</div>

CSS mínimo funcional

Autocontenido: sin imports ni tokens. Para previews y prototipos — en producción se consume el CSS del DS.

/* Layout: page-header-centered — structure only */
.l-page-header-centered {
  text-align: center;
  padding: 48px 32px;
  max-width: 720px;
  margin: 0 auto;
}
.l-page-header-centered__headline {
  font-size: var(--text-4xl);
  margin: 16px 0;
}
.l-page-header-centered__description {
  max-width: 520px;
  margin: 0 auto;
}