component

TuxBlockquote

Standalone editorial pull quote — the focal element of a section, not an inline aside. Two layouts: centered (default, italic body with rules above and below) and drop-cap (oversized first character, magazine-style). For inline quotes interrupting body flow, use <TuxCallout kind="quote"> instead.

canonical

Centered · default style

"What surprised us was the durability of the effect — three years out, we expected some regression toward baseline. We didn't see it."

Dr. R. Hassan · Principal Investigator, Connected & Automated Vehicles Program
<TuxBlockquote
  quote="What surprised us was the durability of the effect — three years out, we expected some regression toward baseline. We didn't see it."
  attribution="Dr. R. Hassan"
  role="Principal Investigator, Connected & Automated Vehicles Program"
/>

drop-cap

Magazine-style hero quote

Pass layout="drop-cap". First character renders oversized in brand color, rest of the quote flows beside it. Reserve for hero / landing surfaces.

reatment outcomes from twelve rural intersections, measured through 36 months of post-construction observation, point to enduring infrastructure cues rather than novelty effects.

Hassan et al. · Transportation Research Record · Vol. 2671 · 2025

style variants

Per-variant rule + face

Default + elegant use Georgia italic; bold uses Work Sans uppercase. The signature rule above and below changes per variant — gradient hairline, stacked bars, or diagonal hash.

"The most lasting product of TTI is not the technology — it's the people who learn to think about transportation differently."

Director Emeritus · Annual Report · 2025

"Twelve counties, three field seasons, one method."

J. Hassan · Q3 Field Symposium

"What three years of follow-up data is telling us is that the treatments work — and they work in ways we didn't predict."

L. Velazquez · Senior Research Scientist · CAV Program

props

Props reference

  • quote — the quote text. Required.
  • attribution — speaker name, ALL-CAPS tracked-out. Optional.
  • role — speaker role / affiliation. Optional.
  • layout"centered" | "drop-cap". Defaults to "centered".
  • variant"default" | "bold" | "elegant".