Dev Tools

VerbalLead

Large lead subtext for Verbal Identity pages and tabs. 32px / weight 500 / -0.8px tracking / 40px line-height, theme-aware color, fluid width, 48px gap below.

Import

import VerbalLead from '../../components/utility/VerbalLead.astro';

Props

No props. Content is passed via the default slot.

Usage

<VerbalLead>
  Trezor's voice is clear and direct. We speak like a friend
  who happens to be an expert—grounded, honest, without pretension.
</VerbalLead>

Live example

Default

Trezor’s voice is clear and direct. We speak like a friend who happens to be an expert—grounded, honest, without pretension.

Notes

  • Fixed type spec: 32px / 500 / -0.8px tracking / 40px line-height.
  • Color uses --color-content-primary, so it adapts to light and dark themes.
  • Width is fluid (100%) and capped by its container; 48px margin below.
  • Scales down to 24px at ≤640px to avoid oversized text on phones.
  • Used as the per-tab lead on Tone of voice and as the page lead on Glossary and Guidelines.
Page tokens