Homepage and campaign banners – Notino

Homepage and campaign banners

Parameters (2K)

  • Desktop – 2070 × 680 px
  • Mobile – 1536 × 680 px
  • Long background – 5300 × 680 px

Layout

  • Desktop – The banner is divided into three vertical sections (690 x 680 px each) or into 50/50.
    The safe zone of 80 px must be maintained on the left and right sides for navigation arrows.
    For 50/50 layouts, exactly half the banner must be reserved for text.
  • Mobile – The banner is divided into two vertical sections (768 x 680 px each).
    Exactly half the banner must be reserved for text, with a safe zone of 80 px on each side.

Variations

  • Products only
  • Products + photo
  • Photo only

Rules

  • Desktop version usually 3 products; 4–5 if space allows.
  • Mobile version usually 2 products; 3–4 if space allows.
  • Do not violate the text safe zones
  • Long background – Both ends must have a solid color so that a background color can extend seamlessly beneath the banner

Formats

Desktop
Mobil

Text sizes

Format body text minimum (legal) button text button sizes (→ × ↓)
Desktop 40 px 32 px 34 px XY × 84 px
Mobile 44 px 32 px 42 px XY × 90 px

Character limits

  • text –120 characters
  • button – 20 characters

Labels

Type Size
Circle 220 px (100%)
App sale 380 px
Double circle 176 px + 220 px (80% + 100%)
MUP labels 300 px (100%)