Lead-in
A single paragraph rendered in a larger serif font (24px desktop) with light weight. Use it as the very first element in the article body to set the tone — like a subheadline or lede.
Preview
Take a moment the next time you pick up a carton of plant milk at the grocery store. Flip it over and read the ingredients.
<!-- What editors paste --><div data-nama="lead-in" class="nama-lead-in"> Take a moment the next time you pick up a carton of plant milk at the grocery store. Flip it over and read the ingredients.</div>Styling
Section titled “Styling”| Property | Value |
|---|---|
| Font | Serif (TT Rationalist), 300 weight |
| Size | heading-xs (18px) → 24px on desktop |
| Line height | 1.4 |
| Color | Charcoal |
| Bottom margin | 32px |
- Only use one lead-in per article, at the very top.
- Keep it to 1–3 sentences. It’s meant to be a hook, not a full paragraph.
- Regular
<p>tags follow naturally after the lead-in with normal body-md sizing.