!!! This page and all related sub-pages are currently under construction !!!

This documentation describes the new design of the DDB Main portal as implemented in the Neustart Kultur project of 2022/23. All changes made to the design are to be documented here as well for future reference.


  • Page width (Seitenbreite) - covers entire content area, not to be confused with Content width
  • Content width (Contentbreite) - size of elements that are not sorted into a grid, structured around large portions of text
  • Screen width (Screenbreite) - covers entire screen of the user's device, mainly used for (background) images
  • Breakpoints:


FIZ

Cosmoblonde

Desktop

>1100

>1200

Tablet Landscape

>980

>992

Tablet Portrait

>760

>768

Mobile big

>560

<768

Mobile small

<560

-

  • Grid: when elements are sorted next to each other, their relations to each are are oriented based on a grid:
    • 50% / 50%
    • 25% / 25% / 25% / 25%
    • 33% / 33% / 33%
    • 66% / 33%
    • 33% / 66%


Components:

Global Elements

Favicons

  • design:

Header

Footer

Main Menu

Search Layer

Database

Search result page


Component
1Navigation - Breadcrumb
2Headline
3Filters - Items
4Functionalities - Items / Editorial Content
5

List View - Items / Tile View - Items 

List View - Editorial Content / Tile View - Editorial Content

6Scroll to Top Button

Object page


Component
1Navigation - Breadcrumb
2Title and Description - Object
3Mediaviewer
4Accordion - Object
5Metadata - Object
6Sharing
7Little Slider - Items / Editorial Content
8Hierarchy - Object
9Scroll to Top Button

Person page


Component
1Navigation - Breadcrumb
2Title and Description - Person / not registered Organisation
3Mediaviewer - Person / not registered Organisation
4Little Slider - Items / Editorial Content
5Metadata - Person / Organisation
6Sharing
7Scroll to Top Button

not-registered Organisation page


Component
1Navigation - Breadcrumb
2Title and Description - Person / not registered Organisation
3Mediaviewer - Person / not registered Organisation
4Metadata - Person / Organisation
5Sharing
6Scroll to Top Button

registered Organisation page


Component
1Navigation - Breadcrumb
2Title and Description - registered Organisation
3Mediaviewer - Map
4Little Slider - Items / Editorial Content
5Metadata - Person / Organisation
6Hierarchy - Location
7Sharing
8Scroll to Top Button
  • design:

MyDDB

Account Overview


Component
1Navigation - Breadcrumb
2Headline
3User Data
4Navigation - Content
5Little Slider - Items / Editorial Content (Favorites)
6Little Slider - Saved Searches
7

Scroll to Top Button

Change Password


Component
1Navigation - Breadcrumb
2Headline
3User Data
4Navigation - Content
  • design:

(Public) Favorites List


Component
1Navigation - Breadcrumb
2Title and Description - Public Favorites
3Filters - Favorites
4Functionalities - Favorites
5List View - Favorites

Saved Searches


Component
1Navigation - Breadcrumb
2List View - Saved Searches

Editorial Pages

Startpage


Component
1Little Slider - Items / Editorial Content (Recent Additions)
2Big Slider - vertical
3On this Day
4Little Slider - Items / Editorial Content (Dossiers)
5Module - Explore
  • Changes to order:
  • Capitalization:

Institutions list


Component
1Header Image - generic
2Navigation - Breadcrumb
3Introtext
4Filters - editorial
5Filters - alphabetical
6Functionalities - Institutions
7List View - Institutions / Map View - Institutions
8Sharing
9Scroll to Top Button

Overview Pages

Dossiers


Component
1Header Image - generic
2Navigation - Breadcrumb
3Introtext
4Filters - editorial
5Masonry Grid
6Sharing
7Scroll to Top Button

Blog


Component
1Header Image - generic
2Navigation - Breadcrumb
3Introtext
4List View - Editorial Content / Tile View - Editorial Content
5Sharing
6Scroll to Top Button
  • merged with "Aktuelles" and "Wir sind die DDB":

Games


Component
1Header Image - generic
2Navigation - Breadcrumb
3Introtext
4Filters - editorial
5Masonry Grid
6Sharing
7Scroll to Top Button

Virtual Exhibitions


Component
1Big Slider - horizontal
2Navigation - Breadcrumb
3

Headline + Introtext 

4Filters - editorial
5List View - Editorial Content / Tile View - Editorial Content
6Sharing
7Scroll to Top Button

Content pages

Dossier


Component
1Big Slider - horizontal
2Navigation - Breadcrumb
3Headline + Introtext 
4Masonry Grid
5Sharing
6Scroll to Top Button

Article


Component
1Big Slider - horizontal
2Navigation - Breadcrumb
3Introtext
4Navigation - Content
5Drupal Components - Text & Media
6Drupal Components - Text
7Teaser Banner
8Drupal Components - Quote
9Drupal Components - Text
10Image Gallery
11Drupal Components - Text
12Drupal Components - Image Gallery Slider
13Sharing
14Scroll to Top Button

Game


Component
1Header Image - generic
2Navigation - Breadcrumb
3Introtext
4Games - Quiz
5Accordion - Editorial Content (variation)
6Sharing
7Scroll to Top Button

Gallery


Component
1Header Image - specific
2Navigation - Breadcrumb
3Headline + Introtext 
4Masonry Grid
5Sharing
6Scroll to Top Button

Virtual Exhibition

Virtual Exhibitions have their own frontend.

FAQ


Component
1Header Image - generic
2Accordion - Editorial Content
3Sharing Links
4Scroll to Top Button

Calendar Archive


Component
1Navigation - Breadcrumb
2Title and Description - Calendar
3Filters - Calendar
4List View - Calendar
5Sharing
6Scroll to Top Button

Newsletter Archive


Component
1

Header Image - generic

2Navigation - Breadcrumb
3Navigation - Content
4Content (not Drupal)
5Scroll to Top Button
  • design:
  • functionality:

API-Zugang


Component
1Headline
2Content (not Drupal)
  • design:
  • to be removed?