17 lines
934 B
Plaintext
17 lines
934 B
Plaintext
---
|
|
description: Primary page title typography (Cormorant, same as homepage Testimonials)
|
|
globs: Hydrogen/web/**/*.tsx
|
|
alwaysApply: false
|
|
---
|
|
|
|
# ABiiR page titles (Hydrogen)
|
|
|
|
Use the **same font size and face as the homepage `Testimonials` section `h2`** for all primary page and section titles.
|
|
|
|
- **Import** from `~/lib/pageTitle`:
|
|
- `PAGE_TITLE_TYPOGRAPHY_CLASS` — Cormorant Garamond light, `clamp(2.5rem, 5.5vw, 64.6px)`, `leading-[1.12]`, `tracking-[-0.969px]` (matches `Testimonials.tsx`).
|
|
- `PAGE_TITLE_DEFAULT_TEXT_CLASS` — optional default charcoal `text-[#1a1a18]` when on cream backgrounds.
|
|
- **Or** use `<PageTitle>` from `~/components/PageTitle.tsx` for full pages (default `h1`, charcoal text). Add `className` for alignment (e.g. `text-center`) or override color with `className` / `style` for heroes and CMS-driven colors.
|
|
|
|
Do not one-off duplicate these sizes; extend the shared tokens if the design changes.
|