diff --git a/.planning/DESIGN-SYSTEM.md b/.planning/DESIGN-SYSTEM.md deleted file mode 100644 index f7f49c3..0000000 --- a/.planning/DESIGN-SYSTEM.md +++ /dev/null @@ -1,58 +0,0 @@ -# Design System — Offer Studio UI direction (v2.1) - -**Definito:** 2026-06-13 (via skill `ui-ux-pro-max`) -**Scope:** Applies to Phase 11 (Catalog DB-view), 12 (Offer composition/DnD), 13 (Servizi Attivi), 14 (CRM Attio-style) — any "database view" table in `/admin/*`. - -## Direzione - -ClickUp / Pipedrive: dense ma leggibile, flat, zero decorazione. **Pattern:** Minimalism & Swiss Style + Flat Design — grid-based, alto contrasto, hover/transition rapidi (150-250ms), nessuna ombra/gradiente pesante. - -## Brand tokens — INVARIATI (da `src/app/globals.css`) - -Non introdurre una nuova palette: ClickUp/Pipedrive è una direzione di LAYOUT/interazione, non di colore. Il brand iamcavalli resta: - -| Token | Valore | Uso | -|---|---|---| -| `--color-primary` | `#1A463C` (verde scuro) | azioni primarie, focus ring, link attivi | -| `--color-accent` | `#DEF168` (lime) | highlight/badge di stato attivo, CTA secondarie | -| `--color-background` | `#ffffff` | sfondo pagina/tabella | -| `--color-muted` / `--color-bg-subtle` | `#f9f9f9` | righe alternate, header tabella, quick-add row | -| `--color-border` | `#e5e7eb` | bordi cella sottili (1px), MAI ombre pesanti | -| `--color-foreground` | `#1a1a1a` | testo primario | -| `--color-muted-foreground` | `#71717a` | placeholder, metadati, celle vuote | -| Font | Geist Sans (già configurato) | nessun cambio — coerente con "Minimal Swiss" | - -## Pattern tabella database-view (Phase 11-13) - -- **Riga**: altezza compatta (~40px), padding orizzontale `px-3`, bordo inferiore `border-border` 1px — NO bordi verticali tra celle (look ClickUp, non Excel) -- **Inline edit**: click su cella → diventa ``/`