Optma DS · v0.1 · Card

Card como container.

Bloco de conteúdo. Cinco variantes (base, soft, outlined, dashed, feature), com KPI interno, header e footer. Versão interactive vira botão.

Variantes

Mesma anatomia, cinco temperaturas. Base é o padrão. Feature é a forma de dar destaque sem precisar dobrar o tamanho.

Base · default

Card base

Container padrão. Borda fina, sombra suave, fundo paper. Serve em 80% dos casos.

Soft · destaque secundário

Card soft

Fundo paper-soft, sem sombra. Usar pra separar agrupamentos dentro de uma seção maior.

Outlined · forma sem peso

Card outlined

Só borda, sem sombra. Ideal pra densidade alta (lista vertical de cards onde sombras viram ruído).

Dashed · placeholder, rascunho

Card dashed

Estado de algo que ainda não existe ou foi salvo como rascunho. Borda tracejada.

Feature · destaque verde

Card feature

Premium

Borda gradiente em três verdes + sombra colorida. Reservar pra UM card por seção (plano mais popular, proposta aceita, recurso premium).

Interactive · vira botão

Card interactive

Passa o mouse. Hover sobe o card e adiciona sombra verde. Usar quando o card todo é clicável.

Com KPI

Métrica + label + tendência. O número fica grande e nu, sem floreio. A tendência conta a história.

Últimos 30 dias

ROAS médio

Retorno sobre anúncio 4.8x
32% vs. mês anterior
Últimos 30 dias

Taxa de conversão

Visitantes que viraram pedido 2.1%
0.3pp vs. mês anterior
Últimos 30 dias

Faturamento

Operação ativa
Receita bruta no período R$ 312mil
18% vs. mês anterior

Compostos

Card juntando header, body, divider e footer com ações.

Plano · Operação Completa

Método 7E aplicado

Diagnóstico, ajuste de loja, mídia paga, dados e dashboard contínuo. Time dedicado.

Mais popular
Investimento mensal R$ 18mil
a partir de

  • Diagnóstico 7E inicial em 15 dias
  • Operação mensal com squad dedicada
  • Dashboard integrado em tempo real
  • Reuniões semanais de tração
Novo

Adicionar cliente

Comece um cadastro do zero, ou importa de uma planilha já existente.