---
name: design-solar
description: >
  Design system para sector solar/fotovoltaico — SolarFV, instaladores, B2B energia.
  Paleta, calculadoras, propostas visuais e layouts para sector energias renováveis PT.
  Usar quando: landing page solar, proposta instalação FV, calculadora poupança,
  ou material visual para clientes energia solar.
---

# /design-solar — Design System Solar/FV

## Paleta

```css
--primary: #f59e0b;     /* Amarelo solar — energia, optimismo */
--secondary: #1e3a5f;   /* Azul escuro — confiança, profissionalismo B2B */
--green: #16a34a;       /* Verde sustentabilidade */
--neutral: #f9fafb;     /* Fundo limpo */
--text: #111827;        /* Texto principal */
```

## Elementos distintivos sector solar

### Calculadora de poupança (elemento central)
- Input: consumo mensal kWh + factura actual
- Output: poupança anual estimada + payback em anos
- Visual: comparação antes/depois com gráfico simples

### Proposta instalação
1. Sumário executivo (1 página): consumo actual → produção estimada → ROI
2. Especificações técnicas: painéis, inversor, capacidade
3. Financiamento: opções (compra, leasing, PPA)
4. Garantias e certificações
5. CTA: "Solicitar Visita Técnica"

## Tipografia

- **Títulos:** Poppins Bold — moderno, energético
- **Dados/métricas:** Inter Mono — leiturabilidade para números
- **Corpo:** Inter Regular

## Anti-slop checklist solar

- [ ] Números reais de produção (não inventar kWh)
- [ ] Certificações visíveis (DGEG, SCE)
- [ ] Mobile: calculadora funcional em 375px
- [ ] B2B: tom técnico e sóbrio (não "salve o planeta")
- [ ] PT: "fotovoltaico" não "fotovoltaica" (painel fotovoltaico)

## Referências visuais

Ver `~/.claude/design/referencias-visuais/solar/`

---

## Healing Log

```jsonl
{"date":"","issue":"","fix":"","source":"user|auto"}
```
