!!! 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.

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)

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

Header

Main Menu

Search Layer

Database

Object search page

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

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

MyDDB

Account Overview

	Component
1	Navigation - Breadcrumb
2	Title
3	User Data
4	Navigation - Content
5	Slider Favorites
6	Slider Saved Searches
7	Scroll to Top Button

(Public) Favorites List

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

Saved Searches

	Component
1	Navigation - Breadcrumb
2	List View - Saved Searches

Editorial Pages

Startpage

<image>

	Component
1	Little Slider - Items / Editorial Content (Recent Additions)
2	Big Slider - vertical
3	Calendar
4	Little Slider - Items / Editorial Content (Dossiers)
5	Explore the DDB

DDBNEXT-4710 - Getting issue details... STATUS
DDBNEXT-5430 - Getting issue details... STATUS
DDBNEXT-5440 - Getting issue details... STATUS

Institutions list

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

Institutions map

	Component
1	Header Image - generic
2	Navigation - Breadcrumb
3	Introtext
4	Filters - editorial
5	Institutions Counter
6	Institutions Map
7	Sharing
8	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

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	Introtext (+Title)
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	Introtext (+Title)
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	Text
7	Selected Objects
8	Drupal Components - Quote
9	Text
10	Image Gallery
11	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	Game
5	Accordion - Editorial Content (variation)
6	Sharing
7	Scroll to Top Button

Gallery

	Component
1	Header Image - specific
2	Navigation - Breadcrumb
3	Introtext (+Title)
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 - Items
5	Sharing
6	Scroll to Top Button

Newsletter Archive

<image>

	Component
1	Header Image - generic
2	Navigation - Breadcrumb
3	Text
4	Navigation - Content
5
6	Scroll to Top Button

Page tree