Skip to main content
The Typography section controls how your text looks. This includes font, size, spacing, alignment, and more. You can use these settings to match your brand style and improve readability.

​
Where to Find It

  1. Select a text element (headline, paragraph, button text, etc.)
  2. Go to the right panel
  3. Open the Typography section

​
Typography Settings

Image

​
Font

  • Choose the font family

​
Weight

  • Controls how bold the text is
  • Options range from light to bold

​
Color

  • Sets the text color
  • You can use color picker or RGB values

​
Size

  • Controls text size
  • Usually in pixels (px)

​
Align

  • Align text:
    • Left
    • Center
    • Right

​
Line Height

  • Controls space between lines of text
  • Helps improve readability

​
Letter Spacing

  • Controls space between letters
  • Useful for headings or stylistic text

​
Decoration

  • Add text styles:
    • Underline
    • Strikethrough
    • None

​
Case

  • Controls text formatting:
    • Uppercase
    • Lowercase
    • Capitalized

​
Important Note (Inheritance)

Typography settings follow a parent → child structure:
  • If you apply a font to a parent element (like a section or container)
  • All child elements inside it will inherit that font automatically
👉 This only applies if the child elements don’t have their own font set

​
Example

  • Set font on a section → Inter
  • All text inside uses Inter
If you change one text block to another font →
👉 Only that block will be different

​
Best Practices

  • Set fonts on parent containers for consistency
  • Override only when needed
  • Use larger sizes for headlines
  • Keep body text readable
  • Avoid too many font styles