Voltar à stack

Apresentação

Tailwind CSS

Tailwind CSS é como estilizamos a stack que entregamos. Está rodando neste site. Next.js e React ficam ao lado. Não é um plugin que acrescentamos depois da auditoria. Vai no repositório.

O que ela faz de fato

Classes de estilo no código da página. Não um page builder, não um export do Figma, não um tema alugado.

O visual é nomeado no tema. Este site usa nomes como `bg-surface` e `text-heading`. Num build de cliente, esse CSS vive no git e é deles.

Este site roda Tailwind CSS v4. Um build de cliente usa a versão nomeada na proposta.

Onde é forte

Os estilos vivem ao lado dos componentes. Não há uma folha de estilo paralela para divergir depois do handoff.

Idiomas e RTL usam as mesmas classes. Não há uma segunda folha de estilo para direita-para-esquerda.

Não há conta Tailwind para criar ou transferir. O handoff é o repositório.

O site deles, não o nosso

A documentação e as versões do Tailwind vivem no site deles. Não há fatura de agência de Tailwind para marcar.

Site oficial →

Quando nomearíamos

  • Todo build que entregamos. Next.js, React e Tailwind entram com GitHub, Railway e os docs de propriedade.
  • Um site App Router sob medida, não um builder fechado.
  • O visual pertence ao git, não a um kit de tema hospedado.

Quando não

  • Você já tem Chakra, MUI ou CSS-in-JS e precisa manter. Nomeamos esse sistema na proposta. Não listamos o Tailwind como se estivesse no build.
  • Você quer Webflow, Framer ou um template trancado. Isso não é este stack.
  • Você só quer um folheto estático sem App Router. Não somos o encaixe.
  • Se o Tailwind não puder ser usado, isso não é defeito. Não há conta de fornecedor para renomear. Registramos a exceção na proposta.

Num build WebeWorx

Não há conta Tailwind para criar. É código da aplicação no repositório GitHub privado.

Este site o usa. Sites de cliente recebem a mesma forma, com os tokens deles, não a nossa paleta de marca copiada.

No handoff o CSS é deles. Qualquer desenvolvedor pode continuar publicando.