Text & Typography
Global Text Styles Explained
Just like Global Colors, Framer has Global Text Styles — reusable font settings (size, weight, line height, letter spacing) that you apply to text elements and update from one place. Your template uses these throughout.
Why Text Styles Matter
Your template has a consistent visual hierarchy: large bold headings, medium subheadings, regular body text, small captions. Text styles define these levels and keep everything consistent. When you change a text style, all text using it updates automatically.
Finding Text Styles
Open the Assets panel (left sidebar).
Click the Text Styles tab (looks like a "T").
You'll see a list of all defined text styles: Heading 1, Heading 2, Body, Caption, Label, etc.
The Typical Text Style Hierarchy
Display — The largest text, used for hero headlines. Often 48–80px.
Heading 1 — Section main headings. Around 36–48px.
Heading 2 — Sub-section headings. Around 24–32px.
Heading 3 — Card or component headings. Around 18–22px.
Body — Main paragraph text. Usually 15–17px, regular weight.
Small / Caption — Metadata, tags, footnotes. Usually 12–13px.
💡 Tip: Clicking a text style in the Assets panel highlights all elements on the canvas using that style, making it easy to see what will change before you edit it.
