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.

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)
Styleguide Frontend - components implemented by FIZ

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%

Cache Name	Duration	Description
institutionCache	10min	All the institutions that are later filtered in the Frontend in the Institutions Page (Map)
calendarItemCache	4h	Calendar section of DDB Startpage
cmsCache	1h	Sections of DDB Startpage with content from Drupal (Top Slider, Dossiers,…)
itemCache	4h	Total number of Objects in the Object Search Rounded to millions
entityPerson	4h	Total number of Persons in the Persons Search (Deprecated)
entityOrganization	4h	Total number of Organizations in the Organization Search (Deprecated)

NPStartpageYearFrom	4h	In ZP Startpage, the year of the oldest Newspaper
NPStartpageYearTo	4h	In ZP Startpage, the year of the newest Newspaper
NPStartpageNewspapers	4h	In ZP Startpage, total number of Newspapers indexed in backend.
NPStartpageIssues	4h	In ZP Startpage, total number of Newspapers Issues indexed in backend.
NPStartpagePages	4h	In ZP Startpage, total number of Newspapers Pages indexed in backend.
NPStartpageDataProviders	4h	In ZP Startpage, total number of Newspapers Data Providers in backend.

DDB Header Menu	Manual reset	DDB Header Menu
DDB Footer Menu	Manual reset	DDB Footer Menu
ZP Header Menu	Manual reset	ZP Header Menu
ZP Footer Menu	Manual reset	ZP Footer Menu

Pages:

Global Elements

Favicons

design:
- DDBNEXT-4588 - Getting issue details... STATUS

Header

	Component
1	Header - 2024
2	Navigation - Main Menu / Side Menu - 2024
3	Search Module - 2024

	Component
1	Footer - 2025

Database

Search result page

Component

1

Options - Items / Editorial Content - 2025

2

List View - Items / Tile View - Items

List View - Editorial Content / Tile View - Editorial Content

Object page

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

Person page

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

not-registered Organisation page

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

registered Organisation page

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

design:
- DDBNEXT-4577 - Getting issue details... STATUS

MyDDB

Account Overview

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

Change Password

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

design:
- DDBNEXT-4459 - Getting issue details... STATUS

(Public) Favorites List

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

Saved Searches

	Component
1	Navigation - Breadcrumb
2	List View - Saved Searches

Editorial Pages

Startpage

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

Changes to order:
- DDBNEXT-4710 - Getting issue details... STATUS
- DDBNEXT-5430 - Getting issue details... STATUS
- DDBNEXT-5440 - Getting issue details... STATUS
Capitalization:
- DDBNEXT-4436 - Getting issue details... STATUS

Institutions list

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

Overview Pages

Dossiers

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

Blog

	Component
1	Header Image - generic
2	Navigation - Breadcrumb
3	Introtext
4	List View - Editorial Content / Tile View - Editorial Content
5	Sharing
6	Scroll to Top Button

merged with "Aktuelles" and "Wir sind die DDB":
- DDBNEXT-5441 - Getting issue details... STATUS

Games

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

Virtual Exhibitions

	Component
1	Big Slider - horizontal
2	Navigation - Breadcrumb
3	Headline + Introtext
4	Filters - editorial
5	List View - Editorial Content / Tile View - Editorial Content
6	Sharing
7	Scroll to Top Button

Content pages

Dossier

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

Article

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

Game

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

Gallery

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

Virtual Exhibition

Virtual Exhibitions have their own frontend.

FAQ

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

Calendar Archive

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

Newsletter Archive

	Component
1	Header Image - generic
2	Navigation - Breadcrumb
3	Navigation - Content
4	Content (not Drupal)
5	Scroll to Top Button

design:
- DDBNEXT-4256 - Getting issue details... STATUS
- DDBNEXT-4364 - Getting issue details... STATUS
- DDBNEXT-5816 - Getting issue details... STATUS
functionality:
- DDBNEXT-4384 - Getting issue details... STATUS

API-Zugang

	Component
1	Headline
2	Content (not Drupal)

design:
- DDBNEXT-4359 - Getting issue details... STATUS
- DDBNEXT-5807 - Getting issue details... STATUS
to be removed?
- DDBNEXT-4382 - Getting issue details... STATUS

Page tree

DDB Frontend Documentation