DetailPro — Clean Professional

Versão 2.0 Clean

Catálogo vivo de tokens visuais, biblioteca de componentes reutilizáveis e protótipos navegáveis do SaaS.

Paleta Oficial — Clean Professional

Identidade clara, neutra e sofisticada. O verde (#247653) guia as ações principais sem sobrecarregar a leitura.

Verde Profundo

#142D26

Identidade / Contraste Forte

Verde Principal

#247653

Ações Primárias / Destaque

Verde Secundário

#318B63

Hover / Elementos Ativos

Verde Suave

#E9F3EC

Fundos de Destaque / Seleção

Fundo Geral

#F7F8F6

Background da Aplicação

Superfície

#FFFFFF

Cards, Tabelas e Modais

Bordas

#E7EAE7

Divisores e Contornos

Texto Principal

#252B27

Títulos e Leitura Principal

Texto Secundário

#737D75

Subtítulos e Legendas

Cores Semânticas Funcionais

Sucesso

Concluído / Pago

#16A36A

Informação

Em Andamento

#2563EB

Atenção

Aguardando / Alerta

#D97706

Erro

Crítico / Cancelado

#DC4C4C

Tipografia — Fonte Inter

Escala clara e legível para operadores de pátio e gestores.

Título de Página26px / 700

Título de Seção18px / 600

Título de Card15px / 600

Texto principal de leitura cotidiana14px / 400

Texto secundário de apoio e descrições13px / 400

Informações auxiliares, datas e legendas12px / 500

Superfícies, Raios e Escala 4px

Geometria limpa sem chanfros decorativos que prejudiquem a usabilidade.

Botões & Inputs

border-radius: 8px

Cards & Tabelas

border-radius: 12px

Modais & Diálogos

border-radius: 16px

Placa Veicular

Padrão Mercosul

BRA2E19

Escala de Espaçamento (Múltiplos de 4px)

4px8px12px16px24px32px