component

TuxSignupFeature

Newsletter signup block. Heading + dek + bordered email input + uppercase action button + consent line. Self-contained — no other components composed in. Right for footer-of-page CTA on marketing surfaces ("Subscribe to the quarterly bulletin").

canonical

Neutral · quarterly bulletin

<TuxSignupFeature
  v-model="email"
  eyebrow="stay current"
  title="Quarterly research bulletin, in your inbox"
  dek="Three-paragraph summaries of our most-read reports, the first Tuesday of every quarter. No marketing copy."
  @submit="onSubmit"
/>

tones

Neutral / maroon / gold

Neutral sits softly in a content column. Maroon is the loud "stop and subscribe" call — use sparingly. Gold is friendly, dark text on warm yellow — right for partner-facing or alumni-facing signups.

style variants

Per-variant heading face

Default = Oswald uppercase italic. Bold = Work Sans 800. Elegant = Georgia italic.

props

Props + events

  • title — heading. Required.
  • eyebrow, dek — optional text rhythm.
  • actionLabel — button label. Defaults to "Subscribe".
  • placeholder — input placeholder. Defaults to "your@email.edu".
  • consent — privacy line below the form. Has a sensible default.
  • v-model — email value.
  • tone"neutral" | "maroon" | "gold". Defaults to "neutral".
  • variant"default" | "bold" | "elegant".
  • Emits @submit with the trimmed email value.