Referencia interna

Design System Foodtest

Tokens, componentes e estados. Se um componente nao esta aqui, ele nao existe.

Cores semanticas

brand-500

brand-700

navy-900

cta (laranja)

teal-500

neutral-100

Tipografia

Display

Heading 1

Heading 2

Heading 3

Lead — usado no subtitulo do hero e na abertura das secoes.

Corpo de texto padrao, com contraste minimo AA sobre a superficie branca.

Eyebrow

Botoes

Badges

Metodologia validadaMaterial ricoNeutroSucessoAtencaoErro

Cards

Card padrao

Superficie branca, hairline e sombra suave.

Card brand

Fundo azul claro, sem sombra.

Card inverso

Para secoes escuras.

KPIs

1.751Imagens analisadasExemplo — numero real exige fonte declarada

92%Taxa de conclusaoExemplo

48hPrazo de entregaExemplo

Stepper

Dia 1
Passo 1: Briefing
Definimos objetivo, publico e criterio de decisao.
Dias 2-6
Passo 2: Campo
O painel testa o produto em condicao real de consumo.
Dia 7
Passo 3: Insights
Relatorio com recomendacao acionavel.

Formulario

Etapa 1 de 250%

Nome completo

E-mail corporativo

Usamos para enviar o material e o retorno da equipe.

Cargo

Selecione uma opcao para continuar.

Autorizo o contato da Foodtest e concordo com a Politica de Privacidade.

FAQ (details nativo)

Quanto tempo leva um teste sensorial com consumidores?

Exemplo de resposta para validacao visual do componente.

O conteudo fechado fica no HTML?

Fica. Por isso usamos details/summary — crawlers que nao executam JS leem a resposta.