Search Our Knowledge Base…

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

  1. Open the Assets panel (left sidebar).

  2. Click the Text Styles tab (looks like a "T").

  3. 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.