---
title: VSM IT-Plattform — Designsystem (Pre-Auth, aus öffentlichem CSS)
date: 2026-06-30
status: aktiv
type: project
tags: [reverse-engineering, vsm, designsystem, css]
---

# Designsystem — Pre-Auth-Befunde (aus `css/styles-new/base.css`, `css/login.css`)

Vorläufig, nur aus öffentlichem CSS (vor Login). Wird nach dem Crawl mit Live-UI-Screenshots ergänzt/verifiziert.

## Typografie
- **Primär-Font: `BMWGroup`** (proprietärer BMW-Corporate-Font), Fallback `"Helvetica Neue", Helvetica, Arial, sans-serif`.
- → App ist bereits BMW-gebrandet.

## Farben (Häufigkeit im CSS)
- Neutralbasis: `#fff` / `#ffffff` (Flächen), `#eeefea`, `#eeeeee`, `#f9f9f9` (helle BG), `#e2e8ef` (bläulich-grau).
- Text/Linien: `#000000`, `#444`, `#333`, `#666`, `#9d9d9d`, `#d9d9d9`, `#d8d8d8` (Graustufen).
- Akzente (vermutlich Status): `#dea` (≈#ddeeaa hellgrün), `#afa` (≈#aaffaa grün).
- ANNAHME: klassisches helles Corporate-Grau-Theme mit grünen Status-Akzenten; Dark Mode unklar (im Crawl prüfen).

## Form
- Border-Radius gemischt: `0`, `3px`, `5px`, `20px` (Pills für Buttons/Badges?), `0 0 0 5px`.
- CSS-Basis: Bootstrap (3 oder 4 — im Crawl verifizieren) + Font Awesome Icons + App-eigenes `base.css` (~31 KB).

## Offen (nach Login zu verifizieren)
- Exakte Primär-/Akzentfarbe der Marke (Buttons, Header), Hover/Active-States.
- Grid/Layout (Sidebar vs. Topnav), Responsive-Verhalten.
- Icon-Set-Umfang, Komponenten (Cards/Badges/Tooltips/Toasts).
- Light/Dark-Mode.