ES Design System

Artboard Standards


Artboard #2: Letter

8.5 × 11 in
Artboard #2, Letter, 8.5 × 11 in
Aspect Ratio
17:22
B&H Logo
60 × 60 px · Top center, top edge on the outer margin. Top left with a sponsor, or when the hero image needs it.
Title Element
Width 450–550 px
Speaker Element
Width 180–200 px
Date / Time
One line · Montserrat SemiBold, 18–20 pt, +10 tracking · Baseline about 22 px above the location marker
Location Marker
175 px wide · Bottom-left corner of the outer margin
QR Code
100 × 100 px · Bottom-right corner of the outer margin

Notes

  • Format Print.
  • Build Duplicated from Artboard #1 Poster and modified, so it is not designed from scratch.
  • 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.