Lower Third Bar

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

• Name *

  name · string

  The person or place being named. One to four words; it sets the panel's width, so keep it short.

  now: Amara Okonkwo

• Role

  role · string

  Second line — title, affiliation or location. Set in mono and muted. Omit for a name-only plate.

  now: Lead Motion Designer

• Safe area

  safeArea · number

  Safe-area inset as a percentage of each axis. 6 is the broadcast title-safe convention; raise it for social crops with UI chrome.

  now: 6

• Divider

  divider · boolean

  Draw a hairline rule between the name and the role. Turn it off for a tighter, more editorial plate.

  now: true

• Uppercase role

  uppercaseRole · boolean

  Set the role line in uppercase with wide tracking — the broadcast default. False keeps the copy as written.

  now: true

• Scrim

  scrim · boolean

  Fade the bottom of the frame under the bar. Keep it on when the title sits over footage; off over a flat plate.

  now: true

• Brand

  brand · string

  Brand token id — one of the keys of BRANDS.

  now: slate