Design System G+ 2.0 (Material UI + Tailwind)

Implementação das diretrizes e componentes com preservação integral da paleta original Deep Purple (#2e1b47).

1. Identidade de Cores e Tokens

A cor primária original do projeto (#2e1b47) alimenta em cascata o tema do Material UI e as classes utilitárias do Tailwind via CSS Variables.

Primary Main#2e1b47

Primary Dark#231435

Primary Light#3a2259

Secondary Gold#d97706

Theme Subtlergba(46, 27, 71, 0.08)

Surface Bg#F8FAFC

2. Cards & Métricas de Relacionamento

Cards de alto apelo visual com tema Material integrado.

@mui/material 9

Pontos Emitidos (Mês)

428.500

+18.4%vs mês anterior

Especificadores Ativos

214

+12engajados nas lojas

Lojas com Venda Registrada

24 / 24

100% da rede ativa

Vouchers Resgatados

-2.1%taxa de conversão 94%

Classificação do Escritório

Categoria Diamante

184.200 pts

4º lugar no ranking geral de especificadores

Progresso para Black Elite74%

Faltam 65.800 pts para subir de categoria

Pontos expirando em 30 dias:12.500 pts

2x PontosVigente

Quinzena Portobello Revestimentos

Especificações nos lançamentos 2026 acumulam pontos em dobro para a Viagem Oficial Itália & Costa Amalfitana.

01 Nov – 30 Nov 2026

Portobello Shop Doca & Umarizal

Etapas da Campanha Anual

Adesão e Validação Cadastral
Concluído em Jan/2026
Acúmulo Ordinário & Quinzena Dobro
Vigente até Nov/2026
Em andamento
Auditoria e Conciliação Fiscal
Dez/2026
Embarque Rumo à Itália
Abril/2027

3. Material UI Wrappers (src/components/material/)

Componentes com overrides de estilo integrados, sem bordas desnecessárias ou sombras pesadas.

AppButton (Variantes & Estados)

AppStatusChip (Dicionário de Status do Domínio)

Ativo

Pendente

Aprovado

Processando

Resgatado

Expirado

Cancelado

Diamante

Black

Ouro

Prata

Presente

Formulários Padronizados (AppTextField & AppSelect)

Nome do Especificador

O rótulo sobe ao focar ou preencher o campo.

Perfil de Acesso

Select com FormControl padronizado

Chave da Nota Fiscal (NF-e)

AppFileUpload (Seleção e Validação de Arquivos)

Comprovante de Especificação ou Cupom

Formatos aceitos: PDF, PNG, JPG (máx. 10MB)

Toast do sistema

Tabela de dados

Ordene pelos cabeçalhos, alterne entre páginas e explore os estados da tabela.

Nenhum cupom pendente

Você resgatou ou utilizou todos os seus benefícios disponíveis para este mês.

Falha na sincronização de pontos

O serviço de auditoria retornou timeout temporário. Clique abaixo para tentar novamente.

3. Formulário — controles do design system

Checkbox, Switch, Autocomplete e Tabs: os controles que faltavam para substituir input/select crus nas telas do admin.

Aceito receber comunicações de campanhas

Solicitar nota fiscal na compra

O comprovante é enviado por e-mail após a validação.

Notificações push ativas

Modo de demonstração

Exibe o banner de ambiente de testes.

Loja associada

Loja (estado de erro)

Selecione uma loja vinculada ao seu CAU.

Aba controlada pelo próprio componente, sem estado na página.

4. Avisos e Fichas

AppBanner padroniza avisos com a paleta semântica do tema; AppDescriptionList substitui as fichas "rótulo: valor" montadas à mão nas telas de detalhe.

AppBanner (4 severidades)

Informação

Novos critérios de pontuação entram em vigor a partir do próximo ciclo.

Sucesso

Nota fiscal validada e pontos creditados ao arquiteto especificador.

Atenção

Divergência de valores detectada entre a plataforma e o ERP da loja.

Erro

Não foi possível concluir a sincronização com o conector legado de CRM.

Aviso dispensável

Use o botão Fechar aviso para dispensar esta mensagem.

AppDescriptionList (ficha rótulo: valor)

Escritório: Dopazo Arquitetura & Interiores
CAU: CAU A89241-0
E-mail: [email protected]
Telefone: (91) 98111-2233
Nível: 3 Estrelas · Destaque
Pontuação acumulada: 184.200 pts