58 lines
1.7 KiB
Markdown
58 lines
1.7 KiB
Markdown
# HomelabDS — Identidade Visual
|
|
|
|
_Marca criada em 2026-05-30_
|
|
|
|
---
|
|
|
|
## 🎨 Paleta de Cores
|
|
|
|
| Cor | Hex | RGB | Uso |
|
|
|-----|-----|-----|-----|
|
|
| **Primary** | `#00D4AA` | rgb(0, 212, 170) | Elementos principais, links, botões |
|
|
| **Primary Dark** | `#009B7D` | rgb(0, 155, 125) | Hover, active states |
|
|
| **Secondary** | `#1A1A2E` | rgb(26, 26, 46) | Backgrounds escuros, headers |
|
|
| **Accent** | `#FF6B6B` | rgb(255, 107, 107) | Destaques, alerts, badges |
|
|
| **Surface** | `#F8F9FA` | rgb(248, 249, 250) | Fundos de cards, seções |
|
|
| **Text** | `#2D3436` | rgb(45, 52, 54) | Texto principal |
|
|
| **Text Light** | `#636E72` | rgb(99, 110, 114) | Texto secundário |
|
|
| **White** | `#FFFFFF` | rgb(255, 255, 255) | Fundo puro |
|
|
|
|
## 🆎 Tipografia
|
|
|
|
- **Títulos:** Inter (Google Fonts) — SemiBold 600
|
|
- **Corpo:** Inter — Regular 400
|
|
- **Monospace:** JetBrains Mono — código, logs
|
|
- **Tamanhos:** 14px (corpo), 16px (lead), 20-32px (títulos)
|
|
|
|
## 📐 Logo
|
|
|
|
O logotipo do HomelabDS segue o conceito de:
|
|
- Escudo/escudo tecnológico (proteção + infraestrutura)
|
|
- Gradiente verde (#00D4AA → #009B7D)
|
|
- Forma limpa, moderna
|
|
- Versão completa e versão simplificada (ícone apenas)
|
|
|
|
## 🖼️ Aplicações
|
|
|
|
### Login / Painel
|
|
- Background: gradiente escuro (#1A1A2E → #16213E)
|
|
- Logo centralizado no topo
|
|
- Cards com sombra suave (box-shadow)
|
|
- Inputs com borda primary no focus
|
|
|
|
### Botões
|
|
- Primary: bg #00D4AA, text white
|
|
- Secondary: bg transparent, border #00D4AA
|
|
- Danger: bg #FF6B6B
|
|
- Hover: escurecer 10%
|
|
|
|
## 📁 Arquivos
|
|
|
|
```
|
|
homelabds-brand/
|
|
├── README.md ← este arquivo (manual)
|
|
├── colors.md ← paleta detalhada
|
|
├── logo/ ← versões do logo
|
|
└── theme-fusionpbx/ ← tema para FusionPBX
|
|
```
|