Components

Every component is rendered from the real code, in both directions at once. Full entries carry usage rules and accessibility notes; the rest carry a live render and the notes that matter.

Actions
Buttons
Primary, outline and large buttons. Each direction restyles them; markup never changes.
Content
Tags and date plate
A ticket-notched tag and a month/day plate.
Forms
Form fields
A visible label, a 48 px control and an optional hint.
Content
Event card
An event as a bordered card with photo, date, place and a details link.
Content
Event ticket
An event as a torn ticket. Three layouts: compact, detailed and horizontal (the featured event).
Content
Bill card
A bill FAD is tracking: number, title, status and FAD's position.
Content
City pass
A chapter city as a boarding-pass style card.
Navigation
Navigation
Transparent top navigation with click-toggled dropdowns and a mobile accordion.
Navigation
Footer
Follow block, three link columns and the legal line.
Layout
Hero
A page-title hero on the shared gradient (--gradient in each theme, the same one the gradient sections use). The projector hero puts the headline, copy and buttons on that gradient inside a lit screen, with a soft glow spilling onto the page behind it (--screen-spill: Art Deco 0.26, Sunrise 0.4). Type sits where the gradient reads, dark in Art Deco and light in Sunrise, and the mid-tones stay behind photos and buttons.
Content
Pillar carousel
Numbered cards that scroll sideways, with previous and next buttons beside the heading and the next card peeking in at the edge. Used for the Mission objectives.
Content
Countdown
Days until the Biennial.
Content
Tally
Held versus total, drawn as tally marks.
Brand
Brand logo
The wordmark for the active direction, 40 px high (2.5em at a 16 px base). Each direction names its artwork with --logo-mark.
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.
Brand
Logo slot
A gray placeholder for logo variants that have no artwork yet, and the direction-neutral docs header.