Referencia interna

Todos os blocos que um artigo pode usar

39 blocos renderizados com o CSS de producao do artigo, gerados a partir de docs/guia-publicacao-blog-post.md. 7 deles tem armadilha conhecida sinalizada.

Blocos visuais

Estrutura basica do artigo: resumo, numeros, tabelas e diagramas.

Resumo do artigo

xa-resumo

Resumo do artigo

Afirmacao curta, com numero quando houver.

Stat cards

xa-statsxa-stat

20,6%Conclusao binaria

54,8%Pontuacao parcial

Callouts

xa-calloutxa-callout--info

Tabelas

xa-table--rankxa-source

Armadilha

A primeira coluna do xa-table--kv e nowrap sem override. Chave de 2 a 4 palavras, sempre com thead.

Modelo	Resultado
Lider	20,6%
Segundo	18,2%

Fonte: origem do dado e data da leitura.

Citacao

Frase que resume a tese, nao um dado.

Time de engenharia e IA aplicada, X-Apps

Grafico de barras em HTML

xa-figurexa-chart

Rotulo42,6%

Legenda que acrescenta contexto, nao que repete o titulo.

Diagrama de fluxo

xa-figurexa-flow

Etapa, descricao curta

Ponto de decisao, o que muda aqui

Legenda do fluxo.

Timeline de execução

xa-timeline

Etapa duração
O que aconteceu
Detalhe em uma ou duas frases.
…
…

Passo a passo numerado

xa-passos

Acao, complemento da instrucao.

Animados e interativos

Reagem a rolagem ou a clique. Role a pagina para dispara-los, e lembre que eles respeitam prefers-reduced-motion.

Contadores nos stat cards

xa-statsxa-stat

20,6%Rotulo curto

Barras que crescem

xa-chart

Checklist que se completa

xa-checklist

Armadilha

De 4 a 6 itens. Lista de 12 a 15 com data-anim vira parede animada.

Criterio acionavel

Tabs de conteudo

xa-tabs

Armadilha

Os paineis 2 e 3 nascem hidden. Nao coloque conteudo essencial em aba.

Conteudo da primeira aba.

Conteudo da segunda aba.

Navegador de etapas

xa-steps

Detalhe da etapa.

Antes e depois

xa-comparexa-source

Armadilha

O painel depois e clip-path a partir do centro. Conteudo curto alinhado a esquerda fica invisivel: use xa-table--compare.

Processo manual

4 h por fechamento

Com agente

18 min por fechamento

Arraste o divisor para comparar os dois estados.

Donut de distribuicao

xa-donut

46%em desenvolvimento

Desenvolvimento46%

Terminal narrado

xa-terminal

Armadilha

data-t="ok" pinta verde de sucesso. Nunca use ok em linha que descreve falha.

agente, producao

$ xapps deploy fluxo --prod12 passos validadosPublicado em producao

Digita ao entrar na tela; o botao repete a sequencia.

Logos e blocos com marcas

Usam a biblioteca de logos monocromaticos. Logo identifica produto citado no texto, nunca ornamento.

Logo de tecnologia

xa-logo

Chip com logo

xa-chipxa-logo

Docker

Regua de duas metricas

xa-regua

Armadilha

O script nao recalcula o rotulo: o left do label tem que bater com o width do fill.

Titulo da leituracontexto curto

20,6% conclusao real 54,8% pontuacao parcial

iniciomeiofim

Legenda com a fonte.

Arquitetura com logos

xa-archxa-nodexa-logo

OllamaO que este no faz

o que atravessa a fronteira

ClaudePasso critico

Hub de integracoes

xa-hubxa-logo

Armadilha

Exige `<i class="xa-logo">` em todo satelite. Satelite conceitual quebra o grid: use xa-table--kv.

n8nOrquestrador

WhatsAppEntrada

Matriz de decisao 2x2

xa-matrixxa-quad

Rotulo do quadranteRecomendacao

RotuloComece por aqui

Curva com marcos

xa-curve

Jun/24 · 22% O que mudou nesse marco.

Fonte do dado.

Janela de aplicacao

xa-windowxa-logo

n8napp.n8n.cloud/workflow/482

Conteudo HTML livre.

Legenda.

Stack de ferramentas

xa-stackxa-logo

CursorPapel na stack

Card de anuncio

xa-announcexa-logo

Cerebras Inference3 de fevereiro de 2026

Resumo de duas linhas escrito por voce.

Fonte: cerebras.ai

Leia tambem

xa-related

Blocos de negocio

Preco, prazo, escopo, casos de uso e decisao comercial.

Citacao em destaque

xa-quote

A frase que sustenta a tese do artigo.

Autor, empresa

Cronograma de semanas

xa-gantt

Semana 1Semana 2Semana 3Semana 4

Kickoff e implantacao

Encontros

Operacao continuamensal, a partir da adocao

Quatro semanas, tres fases.

Grade de casos de uso

xa-casos

ContratosComparar versoes e extrair riscos.
AtendimentoDepende de integracao com o CRM.Horizonte

Pros e contras

xa-proscontras

Pros

Ponto a favor

Contras

Limitacao honesta

Cards de plano com preco

xa-planos

Team Standard

Recomendado Para a maioria da equipe US$ 25por usuario, ao mes ~ R$ 140 com cambio e impostos

Beneficio central

Tabela de investimento

xa-invest

Escopo	Recorrencia	Valor
ImplantacaoPre-requisito	Unico	R$ 5.000
Combinacao mais comum		R$ 28.800
1o mes em cortesia	Cortesia	- R$ 7.000

Cadeia de calculo

xa-cadeia

US$ 25 por usuario Cambio R$ 5,15 IOF 3,5% ~ R$ 140 por usuario

Tres fatores, um resultado.

Contraste hoje e depois

xa-contraste

Hoje

Uso individual e disperso

Depois

Pratica corporativa governada

Chips de areas

xa-tags

Areas atendidas

Financeiro
Juridico

Escada de lancamentos

xa-escada

Faixas de investimento

21xR$ 7.000

+sob medidaa combinar

Faixa fechadaFaixa aberta

Mais orcamento, mais capacidade em paralelo.

Ritmo adaptativo

xa-ritmo

Demanda ao longo do ano

Time dobra

Capacidade contratadaMarco

O investimento acompanha a operacao.