Font Family
The font family variable lets you define the primary fonts used in your design. By setting font families as variables, you can quickly apply consistent typography choices across different elements and easily switch fonts if needed.
Font Size
Font size variables ensure uniform text scaling throughout your design. Adjusting these variables allows for cohesive typography and simplifies changes, making it easy to maintain readability and visual hierarchy.
Font Weight
Font weight variables define the thickness of characters, ranging from light to bold. Using these variables allows for a dynamic typographic hierarchy, enhancing the emphasis and readability of different text elements.
Line Height
Line height variables control the spacing between lines of text, enhancing readability and visual appeal. These variables help maintain consistent text spacing, which is crucial for creating harmonious and easily digestible content.
Paragraph Spacing
Paragraph spacing variables manage the space between paragraphs, ensuring a clear separation of content blocks. Consistent paragraph spacing aids in the readability and overall flow of your design.
Letter Spacing
Letter spacing variables adjust the space between individual characters. Fine-tuning this setting helps improve text legibility and aesthetic balance, especially in headings and larger text blocks.