Versions Compared

Old Version 19

changes.mady.by.user Julia Windrich (DNB)

Saved on

compared with

New Version Current

changes.mady.by.user Julia Windrich (DNB)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Expand
titleFigmas

...


Expand
titleStructure

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:


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%

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:

...

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%

Image Removed

Components:

Table of Contents

Global Elements

Header

Header - 2022

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

Footer - 2022

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

Side Menu

Main Menu / Side Menu

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

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

Database

Object search page

...


Expand
titleCaches

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 (On this Day)

cmsCache

1h

Sections of DDB Startpage with content from Drupal

(New in DDB & Dossiers (Little Slider - Items / Editorial Content),

News-Slider (Big Slider - vertical), 

Who we are (Module - Text))

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 (Navigation - Main Menu / Side Menu - 2024)

DDB Footer Menu

Manual reset

DDB Footer Menu  (Footer - 2025)

ZP Header Menu

Manual reset

ZP Header Menu

ZP Footer Menu

Manual reset

ZP Footer Menu

Pages:

Table of Contents

Global Elements

Favicons

Expand
titleTickets
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4588

Header

Image Added


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

Image Added


Component
1Footer - 2025

Database

Search result page

Image Added


Component
1Options - Items / Editorial Content - 2025
2

List View - Items / Tile View - Items 

List View - Editorial Content / Tile View - Editorial Content

Object page


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

Person page


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

not-registered Organisation page


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

registered Organisation page


Component
1Navigation - Breadcrumb Navigation
2Title and Description - registered Organisation
3Mediaviewer - Map
4Little Slider - Items / Editorial Content
5Metadata Blocks- Person / Organisation
6Hierarchy - Location
7Sharing
8Jump Scroll to Top Button
Expand
titleTickets
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4577

MyDDB

Account Overview


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

Jump Scroll to Top Button

(Public) Favorites List

Image Removed

Image Added

Breadcrumb NavigationTitle and Description - Favorites

Component
1
Headline
2
User Data
3
Favorites Lists Area
4Favorites List - Functionalities
5Favorites List - Items

Saved Searches

Headline + Button, leads to Lightbox - Account - Delete

Change Password

Image AddedImage Removed


Component
1Navigation - Breadcrumb Navigation
2Saved Searches List

Editorial Pages

Startpage

<image>

...

Headline
3User Data
4Navigation - Content
Expand
titleTickets
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4459

(Public) Favorites List

Image Added

...

Institutions list

Image Removed


Component
1Header Image Navigation - genericBreadcrumb
2Breadcrumb NavigationTitle and Description - Public Favorites - 2022
3IntrotextFilters - Favorites - 2022
4Filters Options - Favorites - editorial2022
5Filters - alphabetical
6Institutions Counter
7Institutions List 
8Sharing
9Jump to Top Button

Institutions map

List View - Favorites - 2022

Image Added


Component
1

Title and Description - Public Favorites - 2025

2Options - Favorites - 2025
3List View - Favorites - 2025
4Filters - Favorites - 2025

Saved Searches

Image AddedImage Removed


Component
1Header Image Navigation - genericBreadcrumb
2Breadcrumb Navigation
3Introtext
4Filters - editorial
5Institutions Counter
6Institutions Map
7Sharing
8Jump to Top Button
List View - Saved Searches - 2022


Image Added


Component
1Headline
2Options - Saved Searches - 2025
3List View - Saved Searches - 2025

Editorial Content

Overview Pages

Dossiers


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

Blog


Component
1Header Image - generic
2Navigation - Breadcrumb Navigation
3Introtext
4List View - Editorial Content / Tile View - Editorial Content
5Sharing
6Jump Scroll to Top Button
Expand
titleTickets
  • merged with "Aktuelles" and "Wir sind die DDB":
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5441

Games


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

Virtual Exhibitions


Component
1Big Slider - horizontal
2Navigation - Breadcrumb Navigation
3

Headline + Introtext 

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

Content pages

Dossier


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

Article


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

Game


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


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

Virtual Exhibition

Virtual Exhibitions have their own frontend.

FAQ

Other

Startpage

Image Added


Component
1Little Slider - Items / Editorial Content (Recent Additions)
2Big Slider - vertical
3On this Day
4Little Slider - Items / Editorial Content (Dossiers)
5Module - Explore
Expand
titleTickets
  • Changes to order:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4710
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5430
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5440
  • Capitalization:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4436

Institutions list

Image AddedImage Removed


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

Calendar Archive

Jump

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

Newsletter Archive

Image Added


Component
1

Header Image - generic

2Navigation - Breadcrumb
3Navigation - Content
4Content (not Drupal)
5Scroll to Top Button
Expand
titleTickets
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4256
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4364
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5816
  • functionality:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4384

API-Access

Image Added


Component
1Headline
2Content (not Drupal)
Expand
titleTickets
  • design:
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4359
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-5807
  • to be removed?
    • Jira
      serverJIRA - Deutsche Digitale Bibliothek
      serverId67c0afcf-3564-3fd0-8d4d-a69afd7aed63
      keyDDBNEXT-4382

FAQ

Image Added


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