DSNiemeyer
Idioma

Heading

Títulos de página, seção e sub-seção com tipografia Niemeyer pronta (Outfit, pares de peso/tamanho). `as` define o nível semântico (`<h1>`…`<h6>`); `size` define o tamanho visual e tem default a partir do `as`.

Tamanhos

Cinco tamanhos — `xl`, `lg`, `md`, `sm`, `xs`. O `xs` também serve como eyebrow / label de categoria (caixa alta, tracking, atenuado).

size="xl" — page title

size="lg" — section heading

size="md" — sub-section

size="sm" — small heading

Categoria

Tamanho default por `as`

Omita `size` para usar estes defaults: h1 → xl, h2 → lg, h3/h4 → sm, h5/h6 → xs.

Imóveis

Filtros aplicados

Detalhes

Categoria

Nível semântico vs. tamanho visual

Mantenha o nível HTML para o outline do documento; ajuste o tamanho visual quando a hierarquia visual diverge da semântica — ex.: um `<h2>` que deve parecer um `<h3>`.

<h2 size="sm"> — semantic h2, visual h3

<h3 size="lg"> — semantic h3, visual h2

<h3 size="xs"> — eyebrow over a card title