# 6. DESIGN SYSTEM NETGESCON

## 🎨 **BRAND IDENTITY**

### Colori Primari NetGescon
```css
:root {
  /* Colori Brand */
  --netgescon-primary: #2563eb;    /* Blu principale */
  --netgescon-secondary: #10b981;  /* Verde successo */
  --netgescon-warning: #f59e0b;    /* Arancione attenzione */
  --netgescon-danger: #ef4444;     /* Rosso urgente */
  --netgescon-info: #06b6d4;       /* Ciano informativo */
  
  /* Grigi Interfaccia */
  --netgescon-dark: #1e293b;       /* Sidebar scura */
  --netgescon-gray-100: #f8fafc;   /* Sfondo chiaro */
  --netgescon-gray-600: #64748b;   /* Testo secondario */
}
```

### Typography
- **Font Primario:** Inter, system-ui, sans-serif
- **Font Monospace:** 'Fira Code', monospace (per codici)

## 📊 **COMPONENTI DASHBOARD**

### Cards Statistiche
- **Stabili Gestiti:** bg-blue-500 (#3b82f6)
- **Stabili Attivi:** bg-green-500 (#10b981)
- **Ticket Aperti:** bg-yellow-500 (#f59e0b)
- **Ticket Urgenti:** bg-red-500 (#ef4444)
- **Contabilità:** bg-cyan-500 (#06b6d4)

### Header Layout
- **Background:** Gradiente blu NetGescon
- **Logo:** NetGescon con icona building
- **Search Bar:** Centralizzata con icona
- **User Menu:** Dropdown con avatar

### Sidebar Navigation
- **Background:** #1e293b (dark slate)
- **Menu Items:** Icone FontAwesome + testo
- **Hover:** Blu primario NetGescon
- **Active:** Evidenziazione blu

## 🏗️ **STRUCTURE REFERENCES**

### File Principali
- Layout: `resources/views/admin/layouts/app.blade.php`
- Dashboard: `resources/views/admin/dashboard.blade.php`
- CSS: `public/css/admin.css`
- JS: `public/js/admin.js`

### Icone FontAwesome
- Dashboard: `fas fa-tachometer-alt`
- Stabili: `fas fa-building`
- Condomini: `fas fa-users`
- Contabilità: `fas fa-calculator`
- Tickets: `fas fa-ticket-alt`

---

**Versione:** 1.0  
**Data:** 21/07/2025  
**Integrazione:** [05-INTERFACCIA-UNIVERSALE.md](./05-INTERFACCIA-UNIVERSALE.md)