ES Design System

Artboard Standards


Artboard #5: Vertical w QR

1080 × 1920 px
Artboard #5, Vertical w QR, 1080 × 1920 px
Aspect Ratio
9:16
B&H Logo
130 × 130 px · Top center, top edge on the outer margin. Top left with a sponsor, or when the hero image needs it.
Title Element
Size TBD
Speaker Element
Included · Size TBD
Date / Time
One line · Montserrat SemiBold, about 50 pt, 0 tracking · Fills the outer margins edge to edge, baseline 62 px above the QR
Location Marker
450 px wide · Bottom-left corner of the outer margin
QR Code
220 × 220 px · Bottom-right corner of the outer margin

Notes

  • Sponsor When a sponsor is present, the B&H Logo shifts to top left and the sponsor goes top right on the outer margin, ¾ the height of the red B&H and centered on it. Multiple sponsors line up in a row, 15–20 px apart. Size the visible logo, not any padding around it.
  • Headshot Circle crop and stroke. White stroke with a yellow name, yellow stroke with a white name. If the event title already contains “with,” use “featuring.” Panels: each speaker gets their own headshot and name.
  • QR Code Bottom-right corner of the outer margin, on a transparent background, in white or Bild Yellow. The visible code is the full spec size, with no extra padding.
  • Gradient Bottom fade as a starting point. Adjust size and opacity to the hero image. See Margins + Gradient on the overview.
  • Color Date, time, and location punctuation is Bild Yellow with white text, or switched when the hero image needs balance.