ES Design System

Headshot Standards

  • Circle Crop and Stroke Always present. Scales with title element per format. Stroke color contrasts with the speaker name: white stroke with a yellow name, yellow stroke with a white name.
  • Size Scales with the title element. No fixed size rule.
  • Placement Inline with speaker name within the title element.
  • “With” Label Always set in Better Times script, lowercase. Precedes the headshot and speaker name.
  • “Featuring” Substitution Used when the event title already contains the word “with” to avoid double usage.
  • Formats All formats except Facebook Event Cover. Omitted on Facebook due to scaling and legibility issues at that format size.
Default layout Default layout: the word with, a circular headshot, and the speaker name on one line
Secondary layout Secondary layout: the word with, a circular headshot, and the speaker name stacked on two lines

Headshot Formats