Effectively defining and applying text styles to your components
  • 31 Jan 2023
  • 1 Minute to read
  • Dark
    Light

Effectively defining and applying text styles to your components

  • Dark
    Light

Article Summary

Definition | “Text Styles” are Sketch’s way of defining typography styles that are defined by font, size, spacing, height, color, and alignment

Naming | align on a naming convention for text styles, that are easily translatable to how your developers will name the corresponding design tokens which build typographical classes or variables

Organization | create a dedicated artboard for your type scale in the Styles/Foundations (or similar) Library within your Design System

Application | use these text styles to style any layers or symbols that contain text


Was this article helpful?