C11 · Componentes

Blockquote

Ênfase editorial para depoimentos, citações e voz do cliente. Borda esquerda 3px na cor de acento ancora a atribuição. Texto da citação 1.2× maior que o body padrão.

Variantes

Variante	Tamanho do texto	Uso
Default	`--t-lg`	Citação inline em artigo.
Large	`--t-2xl` ou `--t-3xl`	Hero editorial, capa de página.
No attribution	`--t-lg`	Aforismo, frase isolada.

Estrutura

<blockquote class="quote">
  <p>A IA só faz sentido quando vira linguagem.</p>
  <footer>
    <cite>Equipe Comunidade de IA</cite>
    <span>Manifesto · 2026</span>
  </footer>
</blockquote>

Faça e não faça

Faça

Mantenha citações curtas (≤ 25 palavras) para impacto.
Atribuição sempre visível — borda decorativa não substitui.
Use itálico apenas em citações de obras (livros, ensaios).

Não faça

Não use blockquote como decoração de parágrafo comum.
Não combine com aspas duplas (a borda já demarca).
Não use cor de fundo — a borda + tipografia já comunicam.