Typography

Reshaped

Reshaped supports various tokens that control text content styles such as font size and line height. These tokens are grouped and made available through the Text utility component.

Text components support responsive syntax for their variants. This means you can change the applied font based on the viewport:

<Text variant={{ s: "title-6", m: "title-5" }} />

Learn more about the Text component in its documentation:

Previous
Next
Professionally crafted React & Figma components for building beautiful products or starting your own design system
Built with Reshaped in Amsterdam ❤️
Contact us·License agreement·FAQ·
© Reshaped 2025