claude-wuerth-plato/memory/project_fe_design_system.md

name, description, metadata

name	description	metadata
project_fe_design_system	FE-Design-System — CSS-Token-Layer + Lucide-Icons, Würth-Rot; eingeführt im UI-Refresh	node_type type originSessionId memory project 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).