---
title: Typography
description: |
  These are the typography styles defined in the design system and pulled 
  automatically from Figma. You can view font families, sizes, weights, line 
  heights, and letter spacings as they are applied throughout the system. These 
  tokens help ensure consistency across interfaces and can be used to style 
  components and layouts throughout your projects.
weight: 5
image: hero-components
menuTitle: 'Typography'
metaTitle: 'Typography | Handoff Design System'
metaDescription: 'Element that represents a control that provides a menu of options, collection of UI components used.'
enabled: true
menu:
  - title: Design System
    menu:
      - path: system
        title: Overview
  - title: Tokens
    tokens: true
  - title: Components
    components: true
---