DADOS FICTÍCIOS
Bom dia, Iara.
R$ 8.420saldo projetado
Revisar 4 itens →
SISTEMA, NÃO SÓ ESTILO
Material 3 com uma assinatura própria.
Uma base editorial para transformar cor, conteúdo e interação em uma interface coerente — no navegador e no Android.
LABORATÓRIO DE TEMA
Uma paleta que acompanha sua ideia.
Escolha uma cor ou use uma imagem local. Os papéis tonais são calculados com Material Color Utilities no seu navegador.
PRÉVIA AO VIVO
03
Ritmo, não ruído.
Superfícies dão contexto; a cor orienta decisões.
PrimaryContainerSurfaceSecondary
COMPONENTES EM CONTEXTO
Menos vitrine. Mais comportamento.
Estados, foco e feedback fazem parte do componente — não são acabamento.
PREFERÊNCIAS
Ajustes que permanecem claros.
Alternâncias e seleção única com estado programático e foco visível.
RETORNO IMEDIATO
Cada ação deixa um rastro.
Feedback breve confirma a escolha sem interromper o fluxo.
DECISÃO CONFIRMADA
Peça atenção na medida certa.
O diálogo prende foco, valida o campo e oferece uma saída explícita.
GALERIA VISUAL
Páginas, movimento e profundidade.
Dados abaixo são fictícios: use os controles para observar navegação e resposta visual.
DADOS FICTÍCIOS
Atividades recentes
- ✓ Briefing revisado
- ◌ Protótipo compartilhado
- → Relatório enviado
DADOS FICTÍCIOS
Briefing revisado
Decisões e próximos passos em uma única superfície.
SuperfícieNível 2
COMECE PEQUENO
Use os tokens. Depois faça seu produto aparecer.
O exemplo mínimo mostra a base sem a demo. A mesma linguagem segue para o Compose.