◆ LZR Tech · Product Design
Green Copilot
Pipeline 100% automatizado por IA para licitações públicas. Desenhado para quem passa o dia diante da tela — superfícies calmas com subtom verde, tipografia Jakarta, acentos âmbar para momentos premium. A identidade LZR é sentida, não performada.
02 · Identidade
Ficha do produto
Accent primário
#2E8B57
Lizard Green — institucional, dados, confiança.
Accent secundário
#C97B2E
Amber Lizard — destaque premium, IA, momentos especiais.
Night mode
Floresta Noturna
Subtom verde nas superfícies — nunca inversão de cinza.
Density
Compact
Mais dados por tela. Padding reduzido, tabelas densas.
Trilha UX
Desk / Note / Tablet-first
Usuário passa horas no produto — desktop é onde ele vive.
Tom de voz
Preciso & institucional
Direto, sem floreios. Dados primeiro, narrativa depois.
03 · Paleta
Cores · Light & Dark
Night · Floresta Noturna
--bg
surface
elevated
border
text-1
accent
Day · Sage morno
--bg
surface
elevated
border
text-1
accent
04 · Aplicação real
Dashboard · Green Copilot em produção
Como o DS se comporta em um fluxo real: pipeline de licitações, density compact, subtom verde nas superfícies, âmbar pontuando a feature IA.
Editais ativos
47
↑ +12 esta semana
Em análise IA
8
↑ +3 hoje
Impugnações
23
91% aprovadas
Críticos
3
↓ Ação necessária
Pipeline IA · últimos 7 meses
Volume de editais processados
Set 25 → Abr 26
IA analisando 8 editais novos
Resultados disponíveis em ~3 minutos. Você pode continuar usando o sistema normalmente.
05 · Temas
Light & Dark · mesma alma
Três modos: Day (Sage morno, off-white verde), Night (Floresta Noturna, subtom verde nas superfícies) e Sunset (âmbar dourado, hora mágica — accent primário vira âmbar).
☀ Day · Sage morno
Edital #001/2025 · R$ 2.4M
Prazo em 4h · revisão pendente
Crítico · ação necessária
☾ Night · Floresta Noturna
Edital #001/2025 · R$ 2.4M
Prazo em 4h · revisão pendente
Crítico · ação necessária
◐ Sunset · Hora dourada
Edital #001/2025 · R$ 2.4M
Prazo em 4h · revisão pendente
Crítico · ação necessária
06 · Features exclusivas
Exceções autorizadas
Quebras do DS permitidas apenas aqui. Qualquer outra feature deve seguir a fundação estrita.
Post-its · Caveat + cores próprias
Ligar advogado sobre art. 42
Verificar CNPJ da Delta antes de enviar
Anotações pessoais do usuário. Fonte handwriting Caveat, cores próprias (yellow, pink, green), sombras decorativas. Não semânticas — é lembrete físico mental.
Sidebar flutuante
Sidebar com gap das bordas do viewport
Padding do body nas bordas. Cria sensação de "app dentro de um workspace". Só no Green Copilot — outros produtos usam sidebar grudada.
07 · Implementação
Stack tecnológico
08 · Dev
Ativar a personalidade
No HTML root, basta declarar produto + tema. O resto é herdado da fundação.
<!-- Ativar Green Copilot --> <html data-product="greencopilot" data-theme="dark"> /* Sobrescritas específicas do produto */ [data-product="greencopilot"] { --accent: #2E8B57; --accent-hi: #227A4C; --accent-lo: #48A56E; --accent2: #C97B2E; /* fundação (tipografia, radius, motion) herdada */ }
Regra de ouro
Green Copilot não inventa tokens. Se um componente precisa de algo que não existe na fundação, a discussão sobe para o DS — não fica local no produto. Isso garante que futuros produtos herdem a mesma decisão.