Dr. Marcus Weber
UX Design Lead
Showcase
Contact Modules
Modules for displaying contact persons: Contact Teaser, Contact List, Contact Detail, Contact Author and Card Accordion. All contacts are centrally maintained and reused across different modules.
Showcase
Contact Teaser — Image left
The Contact Teaser displays a single contact person prominently with an image or video. Four layout options control the positioning (top-left, top-right, bottom-left, bottom-right). The image uses art direction. Contact links (phone, email etc.) are maintained as inline elements.
Showcase
Contact Teaser — Image right
Same module type with layout "top-right" — on desktop the image appears to the right of the contact details.
Showcase
Contact Card Section
The Contact Card Section displays contacts as compact cards with name, position, and contact options (email, phone). The contacts are loaded from the central Contacts folder. Currently, up to two contacts can be selected. Images are optional — if no image is provided, the card will be displayed with text only.
Showcase
Contact Card Section
The Contact Card Section displays contacts as compact cards with name, position, and contact options (email, phone). The contacts are loaded from the central Contacts folder. Currently, up to two contacts can be selected. Images are optional — if no image is provided, the card will be displayed with text only.
Contact Author
The Contact Author module is a compact author credit — typically placed at the end of articles, news or blog posts. It loads the contact from the central Contacts folder and shows the name, position and optionally a small image. Ideal for attributing editorial content to a specific contact person.
Dr. Marcus Weber
UX Design Lead
Showcase
Card Accordion
The Card Accordion groups person cards into expandable sections — ideal for team directories, speaker lists or department overviews. Each group has a title, with cards below showing name, location, LinkedIn, email and an optional image.
FAQ