Card 1
Standard Card mit Header und hellem Body-Segment.
Component: Cards
Standard Card mit Header und hellem Body-Segment.
Alternative Farbvariante des Header-Segments.
Kein weißer Trenner zwischen darkbrown und hellem Segment.
Component Notification Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
Component: Content Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus, turpis vel porttitor cursus, nibh justo feugiat sem, sit amet egestas lorem arcu sed augue. Donec sed lorem in urna sagittis.
Component: Group Card
Group Cards bündeln mehrere zusammengehörige Cards.
Die Group Card ist eine eigenständige Component.
Variante: Group Card mit H2 Überschrift
Group Cards bündeln mehrere zusammengehörige Cards.
Die Group Card enthält hier zusätzlich eine H2-Überschrift.
Component: Multisegment Card
Erstes graues Segment mit Textinhalt.
Zweites graues Segment mit Textinhalt.
Erstes weißes Segment.
Zweites weißes Segment.
Component: Transparent Card
Transparente Card mit standardisiertem Card-Padding.