Step 1 · Open the Text Tool

Navigate to the Styles tab in the bottom navigation, then click on Text Styles at the top.

Step 2 · Choose a Scale

Step 2 · Choose a Scale

Select a type scale to define the spacing between each text size (H1–H6). This sets the rhythm of your typography.

The bigger the scale, the bigger the difference between your text sizes.

Here’s how to think about it:

• 1.067 (Minor Second): The smallest gap. Feels clean, subtle, and professional—great for SaaS sites like Stripe.

• 1.2 (Minor Third): A good middle ground. Balanced and easy to read across devices.

• 1.618 (Golden Ratio): The largest gap. Feels bold, expressive, and visually striking—more suited for marketing pages or award-winning sites (think Awwwards style).

Step 3 · Set the Base Size

Set your base font size (usually between 14px–18px). This is the foundation the entire type scale is built from.

Step 4 · Pick Font & Weights

1. Choose a font from the dropdown

2. Select font weight for Headings and Paragraphs

This lets you define a consistent tone for your project, whether you're going bold or keeping it minimal.

Step 5 · Insert Text Styles

Hit Insert Text Styles and your text styles will be added to your assets panel, ready to go.