Componentes-base para as telas piloto. Coluna da esquerda em light, da direita em dark. Passe o mouse e use Tab para ver hover e foco.
primary · secondary · ghost · danger; sm 32 · md 36 · lg 40; disabled e loading.
Light
Dark
Label estático 12/500, helper, erro com aria-describedby/aria-invalid; 36px, raio 10.
Light
Aparece só para a sua equipe.
Este slug já está em uso. Tente outro.
0/280
Até 280 caracteres.
Dark
Aparece só para a sua equipe.
Este slug já está em uso. Tente outro.
0/280
Até 280 caracteres.
Canvas → surface → subtle. Nunca card sobre card sobre card.
Light
Campanha com 4 divulgações ativas desde 02/09.
Conteúdo da seção (DescriptionList, formulários, tabela).
Card estático
padding sm (16px)
Dark
Campanha com 4 divulgações ativas desde 02/09.
Conteúdo da seção (DescriptionList, formulários, tabela).
Card estático
padding sm (16px)
Ordenação, seleção, clique na linha abre o Inspector. Abaixo de 768px vira lista. Estados loading, vazio e erro.
Light
1 selecionada(s) · ordenação: entries desc
Nenhum resultado para “TikTok”.
Não conseguimos carregar estas informações
O servidor demorou para responder.
DsListRow (forma mobile)
Dark
1 selecionada(s) · ordenação: entries desc
Nenhum resultado para “TikTok”.
Não conseguimos carregar estas informações
O servidor demorou para responder.
DsListRow (forma mobile)
Sheet 400px à direita (bottom sheet no mobile). Esc fecha e o foco volta ao botão.
Light
Dark
sm 400 · md 520 · lg 720. Primária por último; dispensa nunca repete o verbo.
Light
Dark
first-use sempre com CTA; restricted com PlanGate; erro com detalhe técnico recolhível.
Light
Divulgação é onde a campanha aparece: outdoor, Instagram, folder ou corretor.
Compare divulgações lado a lado.
DsSkeleton lines / block / circle
Não conseguimos carregar estas informações
Verifique sua conexão e tente de novo. Se continuar, fale com o suporte.
GET /api/campaigns/cmp_8f2a/distributions → 504 Gateway Timeout (req_19ab77)
Dark
Divulgação é onde a campanha aparece: outdoor, Instagram, folder ou corretor.
Compare divulgações lado a lado.
DsSkeleton lines / block / circle
Não conseguimos carregar estas informações
Verifique sua conexão e tente de novo. Se continuar, fale com o suporte.
GET /api/campaigns/cmp_8f2a/distributions → 504 Gateway Timeout (req_19ab77)
info · warning · danger · result.
Light
Seu domínio está sendo verificado
Falha ao sincronizar com o RD Station
Primeira conversão registrada
Dark
Seu domínio está sendo verificado
Falha ao sincronizar com o RD Station
Primeira conversão registrada
underline e segmented; setas ←/→, Home e End.
Light
Visão geral da campanha Lançamento Verão.
Dark
Visão geral da campanha Lançamento Verão.
Período sempre visível. Verde só para resultado e variação positiva.
Light
Entradas
5.253
Aumento de +9,1%Últimos 30 dias
Conversões
339
Aumento de +18,2%Últimos 30 dias
Taxa de conversão
6,5%
Sem variação 0%Últimos 30 dias
Origem principal
Últimos 30 dias
Conversões
339
Aumento de +18,2%Últimos 30 dias
Custo por conversão
R$ 4,12
Aumento de +6%Últimos 30 dias
Entradas
Últimos 30 dias
Dark
Entradas
5.253
Aumento de +9,1%Últimos 30 dias
Conversões
339
Aumento de +18,2%Últimos 30 dias
Taxa de conversão
6,5%
Sem variação 0%Últimos 30 dias
Origem principal
Últimos 30 dias
Conversões
339
Aumento de +18,2%Últimos 30 dias
Custo por conversão
R$ 4,12
Aumento de +6%Últimos 30 dias
Entradas
Últimos 30 dias
soft e outline; ativo = ponto verde com texto neutro.
Light
Dark
inline (padrão), limit e full. Nunca abre checkout direto.
Light
Usado 10 de 10Links Ver planos
Veja qual outdoor, post ou corretor trouxe cada conversão.
Passo 1
Cada divulgação ganha seu próprio link ou QR Code.
Passo 2
As entradas e conversões chegam separadas por origem.
Passo 3
Você vê qual outdoor, post ou corretor trouxe resultado.
Links
6 de 10Links
QR Codes
9 de 10QR Codes
Perto do limite do plano.
Formulários
3 de 3Formulários
Limite atingido. Novos formulários ficam bloqueados.
Entradas
18.420 · Ilimitado
Dark
Usado 10 de 10Links Ver planos
Veja qual outdoor, post ou corretor trouxe cada conversão.
Passo 1
Cada divulgação ganha seu próprio link ou QR Code.
Passo 2
As entradas e conversões chegam separadas por origem.
Passo 3
Você vê qual outdoor, post ou corretor trouxe resultado.
Links
6 de 10Links
QR Codes
9 de 10QR Codes
Perto do limite do plano.
Formulários
3 de 3Formulários
Limite atingido. Novos formulários ficam bloqueados.
Entradas
18.420 · Ilimitado
Contexto clicável, um único Voltar (último nível).
Campanha › Divulgação › Link/QR › (Formulário) → Conversão.
Light
Dark