Florida Association of the Deaf

Brand

Brand lockup

A mark with 'Florida Association of the Deaf' stacked on three lines beside it. Used in the prototype's navigation and footer and in the docs header.

Source: components/BrandLockup.tsx, styles/components.css (.brand-lockup)

Live

Art Deco

Florida Association of the Deaf

Sunrise

Florida Association of the Deaf

Accessibility

  • The three lines are separated by real spaces, so the accessible name reads 'Florida Association of the Deaf'.
  • Pass a decorative mark: the stacked name is the text, so the mark should not be announced as well.

Props

Brand lockup props
NameTypeNote
markReactNodeThe mark to place beside the name: BrandLogo in the prototype, LogoSlot in direction-neutral chrome.