ES Design System

Logo Standards

B&H Logo Standards

Logo Placement

  • Default Top center, top edge on the outer margin, all formats except Facebook Event Cover.
  • Compositional Exception Top left on the outer margin is the usual choice when the hero image needs the center clear. Left or right placement acceptable when hero image composition requires balance. Reasoning should be noted.
  • Sponsor Present B&H Logo shifts to top left. Sponsor logo placed top right.
  • Vertical no QR Logos drop to the inner margin to leave room for social ad UI.
  • Store Wayfinder Centered with any sponsors as one group, vertically centered on the top outer margin.
  • Facebook Event Cover Omitted. Platform branding makes it redundant.
Travel and Landscape Photography Guide, Poster
Poster
Travel and Landscape Photography Guide, Letter
Letter
Travel and Landscape Photography Guide, Horizontal w QR
Horizontal w QR
Travel and Landscape Photography Guide, Horizontal no QR
Horizontal no QR
Travel and Landscape Photography Guide, Vertical w QR
Vertical w QR
Travel and Landscape Photography Guide, Vertical no QR
Vertical no QR
Travel and Landscape Photography Guide, Square
Square
Travel and Landscape Photography Guide, Facebook Event Cover
Facebook Event Cover
Travel and Landscape Photography Guide, Store Wayfinder
Store Wayfinder

Swipe for more

B&H Logo Formats

  • Poster #1 · 27 × 33 in170 × 170 px
  • Letter #2 · 8.5 × 11 in60 × 60 px
  • Horizontal w QR #3 · 1920 × 1080 px130 × 130 px
  • Horizontal no QR #4 · 1920 × 1080 px130 × 130 px
  • Vertical w QR #5 · 1080 × 1920 px130 × 130 px
  • Vertical no QR #6 · 1080 × 1920 px130 × 130 px
  • Square #7 · 2000 × 2000 px160 × 160 px
  • Facebook Event Cover #8 · 1200 × 628 pxOMITTED
  • Store Wayfinder #9 · 320 × 1080 px60 × 60 px

Notes

  • Logo placement prioritizes the hero image.
  • When placement deviates from default, reasoning should be documented.
  • All sizes align to the outer margin, 5% in from each edge. See Margins + Gradient on Artboard Standards.

Sponsor Treatment

  • Default Top right, right-aligned to the outer margin. B&H Logo shifts to top left when sponsor is present.
  • Color Black or White, determined by contrast against the hero image. Should be consistent across all formats unless a specific crop requires a switch.
  • Size ¾ the height of the red B&H in the badge, centered vertically on it, so B&H is never visually subordinate to the sponsor logo.
  • Visible Logo Size the logo itself, not the padding around it. Many sponsor files carry empty space around the artwork; trim it first, the same way a QR code’s quiet zone is ignored.
  • Multiple Sponsors Line up in a row at the same height, 15–20 px apart, the row ending on the right outer margin.
  • Facebook Event Cover No B&H Logo, so sponsors are capped at 26 px tall, top-right corner of the outer margin.
  • Store Wayfinder About 17 px tall, more if the wordmark needs it, 10 px from the B&H Logo. The logos are centered together on the top outer margin.
  • Formats All 9 formats when applicable, including Facebook Event Cover.
Fotografia de Retrato, hosted by Viltrox, Poster
Poster
Fotografia de Retrato, hosted by Viltrox, Letter
Letter
Fotografia de Retrato, hosted by Viltrox, Horizontal w QR
Horizontal w QR
Fotografia de Retrato, hosted by Viltrox, Horizontal no QR
Horizontal no QR
Fotografia de Retrato, hosted by Viltrox, Vertical w QR
Vertical w QR
Fotografia de Retrato, hosted by Viltrox, Vertical no QR
Vertical no QR
Fotografia de Retrato, hosted by Viltrox, Square
Square
Fotografia de Retrato, hosted by Viltrox, Facebook Event Cover
Facebook Event Cover
Fotografia de Retrato, hosted by Viltrox, Store Wayfinder
Store Wayfinder

Swipe for more

Notes

  • Visual hierarchy through scale applies here. Relative size communicates relative importance. B&H primacy should always be maintained.