• used to direct the user to specific content, mainly used as "teaser banners" or on overview pages
• can have 2, 3 or 4 columns
• height of the teaser image is flexible

Masonry Grid - Desktop view:

Image AddedImage Added

Masonry Grid - responsive view:

Image AddedImage Removed

Elements

Changes

...

Responsive View

• column size reduced in responsive view:
  4560

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-45625258

• category - font size and line height changed in mobile

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-45655334

• title - font size changed in mobile

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47775258

Other Changes

• implementation

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-47944390

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4805

  request for style consistency

  • -4560

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4562

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5334

  change in padding around title

  • -4565

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4777

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5852

  discussions about word separation:

  • -4794

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-4805

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-53374844

• item order (gallery only?):

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-5149

  problems with image resolution, especially on images with little width but large height (like book spines):
  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50585228

  • Jira
    server JIRA - Deutsche Digitale Bibliothek serverId 67c0afcf-3564-3fd0-8d4d-a69afd7aed63 key DDBNEXT-50595537

Figma

Explore - DNB (2023)

Cosmoblonde (2022)