Typography

Headings

Framer only allows for Headings 1 to Heading 3 in the Text Styles panel. However we can work around this. When using Heading 4 to Heading 6, you need to set the Tag in the Accessibility properties to the appropriate heading tag (Heading 4 = h4). You can also apply this same logic to headings you don't want to be treated as a semantic heading (you may want the heading style, without the HTML tag and meaning), in this case you can change the Tag in the Accessibility properties to 'p'. See the documentation for more information.

Heading / H1

Heading 1

Heading / H2

Heading 2

Heading / H3

Heading 3

Heading / H4

Heading 4

Heading / H5

Heading 5

Heading / H6

Heading 6
Text / Paragraphs

Font Size / XL - Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / XL - Semibold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / L - Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / L - Semibold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / M - Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / M - Semibold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / S - Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / S - Semibold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / XS - Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Font Size / XS - Semibold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Sub Heading

EYEBROW

Lorem ipsum dolor sit amet, consectetur adipiscing elit.