Tipografia — títulos e parágrafos com a fonte do estilo. O Heading separa a tag, que vem da estrutura da página, do tamanho, que vem do espaço disponível.
Você paga pelas vagas em uso no último dia de cada mês. Vagas que você adiciona no meio do mês são cobradas a partir do dia em que entram.
Configure o Camaleo uma vez (Instalação) e importe o que precisar. Ele renderiza no servidor.
import { Heading, Text } from "@camaleo/react";Dois elementos separados: Heading renderiza de <h1> a <h4>, e Text renderiza um <p>. Cada um tem um data-slot que você pode usar no CSS.
Cada exemplo é um arquivo real que você pode copiar. Todos usam o estilo, o modo e a cor escolhidos na barra acima.
Você paga pelas vagas em uso no último dia de cada mês. Vagas que você adiciona no meio do mês são cobradas a partir do dia em que entram.
Use o maior tamanho uma vez só, no topo da página. Depois, o grande para seções, o médio para cards e painéis e o pequeno para grupos dentro deles.
Um resumo de menções e comentários, de segunda a sexta, às 9h.
Só mensagens diretas e pagamentos recusados, na hora.
Aqui há um h2 e dois h3 num painel de configurações, mas desenhados pequenos. A estrutura continua certa para o leitor de tela, e o painel não grita.
A tag continua h2 em qualquer tamanho, então a estrutura da página não muda.
Clique num tamanho. O título muda de visual, mas continua um h2, então a estrutura da página não muda.
Publicado em 28/10/2026 · 6 min de leitura
A partir de novembro, toda fatura é emitida no primeiro dia útil do mês. Assim o seu financeiro tem uma data só para se planejar.
Preços sem impostos. Seu banco pode cobrar uma taxa em pagamentos internacionais.
Use o texto normal para o que a pessoa lê. Use o pequeno para o que ela só bate o olho ou pula: datas, tempo de leitura, letras miúdas.
Seu teste grátis termina em 12 de novembro. Depois disso, o workspace fica só para leitura até você escolher um plano.
Use <strong> para o fato que a pessoa não pode perder e <em> para dar ênfase. Um Link dentro do Text mantém o tamanho do parágrafo.
A partir de novembro, toda fatura é emitida no primeiro dia útil do mês. Até agora, cada fatura saía na data em que você assinou, então times com vários workspaces recebiam cobranças em dias diferentes e precisavam conferir uma por uma. Uma data só facilita a aprovação: o financeiro confere tudo de uma vez, e os atrasos caem porque ninguém deixa passar uma fatura perdida no meio do mês.
Limite os parágrafos a uns 65 caracteres por linha com maxInlineSize: "65ch" no contêiner. Com linhas mais longas, fica difícil achar o começo da próxima.
Cada estilo do Camaleo começou com uma pergunta: como seria este botão impresso num jornal, moldado em argila ou desenhado numa tela dos anos 1990? As respostas viraram treze estilos que usam os mesmos componentes.
Passe dropCap no primeiro parágrafo de um artigo longo. Guarde para páginas editoriais; num app ela só atrapalha.
Títulos e texto carregam quase toda a página. São pedaços inteiros de interface para copiar, no estilo que você escolheu.
Por Beatriz Miranda · 28/10/2026 · 6 min de leitura
Cada estilo do Camaleo começou com uma pergunta: como seria este botão impresso num jornal, moldado em argila ou desenhado numa tela dos anos 1990? As respostas viraram treze estilos que usam os mesmos componentes.
Troque um grid suíço por argila macia com um atributo. Seus componentes e seu HTML continuam iguais.
Ao criar um workspace, você concorda com estes termos e com a nossa política de privacidade.
Atualizado em 01/10/2026. Versões anteriores estão disponíveis mediante pedido.
Um h2 numa barra lateral pode usar size="sm". Ele parece pequeno e continua sendo uma seção para o leitor de tela.
Pular do h2 para o h4 deixa um buraco na estrutura, e quem navega por títulos acha que perdeu uma seção.
A partir de novembro, toda fatura é emitida no primeiro dia útil do mês. Até agora, cada fatura saía na data em que você assinou, então times com vários workspaces recebiam cobranças em dias diferentes e precisavam conferir uma por uma. Uma data só facilita a aprovação: o financeiro confere tudo de uma vez, e os atrasos caem porque ninguém deixa passar uma fatura perdida no meio do mês.
Nessa largura o olho acha a próxima linha com facilidade, mesmo em textos longos.
A partir de novembro, toda fatura é emitida no primeiro dia útil do mês. Até agora, cada fatura saía na data em que você assinou, então times com vários workspaces recebiam cobranças em dias diferentes e precisavam conferir uma por uma. Uma data só facilita a aprovação: o financeiro confere tudo de uma vez, e os atrasos caem porque ninguém deixa passar uma fatura perdida no meio do mês.
Num monitor grande, uma linha passa de 150 caracteres e a pessoa se perde.
size define o tamanho que aparece.display para o topo da página, lg para seções, md para cards e painéis, sm para grupos pequenos.body para o texto que a pessoa lê, small para datas, legendas e letras miúdas.Heading e Text também aceitam os atributos do elemento HTML, como id e className.
Mude o visual sem copiar o componente: use os atributos ou defina os tokens num elemento pai, num estilo ou no próprio elemento.
Cor
Tipografia e movimento