Browse Components
Components
Style Guide
All Components
Navbars
4 components
Footers
3 components
Header Sections
5 components
Feature Sections
9 components
CTA Sections
2 components
Contact Sections
4 components
Gallery Sections
4 components
Pricing Sections
3 components
Testimonial Sections
3 components
FAQ Sections
2 components
Logo Sections
2 components
Team Sections
2 components
Blog Header Sections
2 components
Blog Sections
2 components
Blog Posts
1 component
Banners
2 components
Typography
Type scale and sizing
Colors
Color swatches
Structure
Structure and spacing classes
UI Elements
buttons and form elements
Icons
Featured icons and more
Power Ups
Figma KitIconsColor PalettesSlack Community
Free Figma Kit
Improve your Figma to Webflow workflow with our Free Figma Kit of 850+ components.
Download
Learn
About This Library
Join our Slack
Relume Library Lite
Style Guide

Typography

Relume Library Lite uses rem units for typography sizing. Rem units are best for accessibility because they adapt to the user's browser settings and zoom controls. All font sizing has been stress-tested across hundreds projects for optimal performance.

Banner 7
Banner 10

Heading Classes

rl-heading-style-h1

Heading 1

rl-heading-style-h2

Heading 2

rl-heading-style-h3

Heading 3

rl-heading-style-h4

Heading 4

rl-heading-style-h5
Heading 5
rl-heading-style-h6
Heading 6

Text Classes

rl-text-style-large
This is some text inside of a div block.
rl-text-style-medium
This is some text inside of a div block.
rl-text-style-regular
This is some text inside of a div block.
rl-text-style-small
This is some text inside of a div block.
rl-text-style-tiny
This is some text inside of a div block.
rl-text-style-subheading
This is some text inside of a div block.
rl-text-style-link
This is some text inside of a div block.
All graphical assets in this Library are licensed for personal and commercial use.
© 2022 Relume. All rights reserved.