diff --git a/src/pages/style-guide.astro b/src/pages/style-guide.astro index aff76a7..feeb3cc 100644 --- a/src/pages/style-guide.astro +++ b/src/pages/style-guide.astro @@ -264,6 +264,12 @@ const lucideIcons = [ The terminal keyword or phrase of every product headline is set in Newsreader Bold Italic. Everything before it stays in regular weight. Every headline ends with a period.

+

+ Scope: applies to all display and headline scales — display-xl, display-lg, + display-md, headline-lg, headline-md, headline-sm. + Not applied to title (sans), body, label, or lead. + Never applied to user-generated content (contribution text, document titles, notes). +

A quiet place to keep what you are reading. @@ -411,11 +417,11 @@ const lucideIcons = [
- Auto-saved a moment ago. + e.g. Auto-saved a moment ago.
- +
@@ -669,6 +675,12 @@ const lucideIcons = [ .sg-section-label { display: block; margin-bottom: var(--space-7); + font-family: var(--font-sans); + font-weight: 500; + font-size: var(--text-label-md); + color: var(--on-surface-muted); + letter-spacing: var(--tracking-wider); + text-transform: uppercase; } .sg-sub { font-family: var(--font-sans);