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

Masonry Grid - responsive view:

Elements

ID

Title

Show?

Action

Changes

Tickets

1

thumbnail

yes

directs user to website

//
problems with image resolution, especially on images with little width but large height (like book spines)

DDBNEXT-5058 - Getting issue details... STATUS

DDBNEXT-5059 - Getting issue details... STATUS

2

category

optional

/

not on gallery page, not on explore dialog

DDBNEXT-4390 - Getting issue details... STATUS

DDBNEXT-4562 - Getting issue details... STATUS

font size and line height changed in mobile

DDBNEXT-5258 - Getting issue details... STATUS

consistency (fontsize, line height, style of label)

DDBNEXT-5334 - Getting issue details... STATUS

change wording of categories

DDBNEXT-5341 - Getting issue details... STATUS

DDBDRUPAL-253 - Getting issue details... STATUS

3

title on grey background

yes

directs user to website

//
adjust spacing for title

DDBNEXT-5852 - Getting issue details... STATUS

consistency (fontsize, line height, style of label)

DDBNEXT-5334 - Getting issue details... STATUS

word separation

DDBNEXT-5337 - Getting issue details... STATUS

font size changed in mobile

DDBNEXT-5258 - Getting issue details... STATUS

Responsive View

  • column size reduced in responsive view:
  • category - font size and line height changed in mobile
  • title - font size changed in mobile

Other Changes

Figma

Explore - DNB (2023)

Cosmoblonde (2022)

  • No labels