---
name: project_fe_design_system
description: "FE-Design-System — CSS-Token-Layer + Lucide-Icons, Würth-Rot; eingeführt im UI-Refresh"
metadata: 
  node_type: memory
  type: project
  originSessionId: ca356122-9115-4968-8361-c6d253d00817
---

UI-Refresh der Customer-FE gestartet (Branch `feature/fe-ui-refresh`, Commit e32b996, basiert auf development).

**Konventionen ab jetzt:**
- Farben/Abstände/Typo/Radius kommen aus `apps/plato-customer-fe/src/css/tokens.css` (CSS-Variablen, kein Build-Step). `base.css` ist global und nutzt nur diese Tokens — keine neuen Magic-Werte/Hardcodes in Komponenten.
- Markenrot: `--c-brand: #cc0000` (Würth), nur als Akzent.
- Icons: `lucide-vue-next` (v1), import named (`import { Plus } from 'lucide-vue-next'`). KEINE Emoji mehr in der UI.
- HD: Inhalt auf `--content-max` (1720px) zentriert, Liste/Detail-Split 58/42.

Erster Durchgang war "sichtbarer Refresh" (Header, Liste, Detail, Karten, Icons). Noch nicht angefasst: TechFooter-/Remote-Dialog-Glyphen (bewusst gelassen), Inputs-Detailpolish, evtl. Dialoge (SapImport/MigrationReport/RemoteCustomer).

Verwandt: [[project_montag_offen]] (UI-Redesign / Design System Montag).