Page History

...

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.

The Figmas used:

• Clickdummy (Cosmoblonde 2022) - considered out-of-date, only used for orientation/reference
• DDB (Cosmoblone 2022) - examples for entire pages and their mobile versions
  • some elements are outdated
• DDB ComponentsLibrary (Cosmoblonde 2022) - up-to-date elements and their mobile versions. The Styleguide is based on this one
• DDB Changes (DNB 2023) - mockups for missing pages (Overview Pages, MyDDB, Calendararchive)

Structure:

• 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:

• 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%

Image Added

Components:

...