component

TuxIdentity

Institutional header lockup. Two kinds (lockup with logo / text-only), two orientations (horizontal / stacked), three hierarchy levels (institution / center / department). Pair with <TuxFooter> + the mandatory TAMUS subfooter on every shipped surface.

canonical

Header chrome — institution lockup

The most common use: top-left of every product. Horizontal layout, logo + wordmark, links home.

Texas A&M Transportation Institute
<TuxIdentity
  level="institution"
  orientation="horizontal"
  kind="lockup"
  name="Texas A&M Transportation Institute"
  href="/"
/>

three levels

Institution / center / department

Each successive level adds a superhead context line. Department also gets a thin maroon rule between the superhead chain and the department name — visual cue for "this is the leaf".

Texas A&M Transportation Institute
Texas A&M Transportation InstituteCenter for Transportation Safety
Center for Transportation SafetyNetworking & Information Services

stacked

Hero / landing-cover orientation

Pass orientation="stacked" for landing-page heroes and slide title plates — logo on top, text centered.

Texas A&M Transportation Institute
Texas A&M Transportation Institute

text-only

No logo

Pass kind="text" when the surface already shows the logo elsewhere (footer-of-page, watermark) and the header should be wordmark-only.

Center for Transportation SafetyConnected & Automated Vehicles Program

props

Props reference

  • name — display name. Required.
  • superhead — eyebrow above. Required for center + department; ignored on institution.
  • level — "institution" | "center" | "department". Defaults to "institution".
  • orientation — "horizontal" | "stacked". Defaults to "horizontal".
  • kind — "lockup" | "text". Defaults to "lockup".
  • href — wraps the lockup as a link. Internal paths use NuxtLink; external use plain <a>.
  • logoSize — override default logo px. Defaults: 46 (horizontal), 56 (stacked).