FS/CS Design-Lab

Layout-Pattern-Studien

Vier strukturelle Alternativen zum aktuellen 3-Spalten-Card-Grid. Alle Pattern verwenden dieselben Beispiel-Inhalte, damit der Vergleich visuell sauber funktioniert.

Reine Pattern-Demos

Vier strukturelle Alternativen mit identischem Demo-Datensatz, damit der Vergleich rein layout-bezogen funktioniert.

• Pattern A — Strip-CardsVolle Zeilenbreite, keine Boxen, dichte Listenform.
• Pattern B — Spec-Sheet-Tiles3-Spalten-Grid mit Key-Value-Tabellen, ohne Schatten.
• Pattern C — §-IndexHaengende Paragraphen-Nummerierung, juristisches Layout.
• Pattern D — Asymmetrisches Modul-Grid12-col-Grid mit variablen Card-Breiten.

Echte Seiten als Pattern-Variante

Die Patterns angewendet auf konkrete Live-Seiten — Side-by-side- Vergleich gegen die jeweilige Originalseite (Link am Seitenende).

• /beitraege/ als StripList (A)Blog-Index als Editorial-Liste.
• /leistungen/compliance/ als §-Index (C)Compliance-Leistungen mit haengenden §-Markern.
• /leistungen/informationssicherheit/ als SpecGrid (B)IS-Leistungen als Daten­blaetter mit Key-Value-Specs.
• Startseite Kompetenzen als ModulGrid (D)Vier Kompetenzbereiche asymmetrisch 8+4 / 4+8.

Hinweis: Diese Seiten sind nur fuer eingeloggte Nutzer sichtbar (Client-Check via localStorage.fs_token) und pernoindex aus Suchmaschinen ausgeschlossen.