HTML Headings

Heading H1

All Heading H1

Heading H2

All Heading H2

Heading H3

All Heading H3

Heading H4

All Heading H4

Heading H5

All Heading H5

Heading H6

All Heading H6

Headings

Tablet big headings (>80px) multiply to 76%
Tablet mid headings (>50px) multiply to 90%
Table sm headings no change.
Mobile vw values for big and mid headings.

Learn how to run a thriving business

Heading-1XL // Figma named as "H1 Text" (160px)

Learn how to run a thriving business and make a living

Heading-1 // Figma named as "H2 Text" (120px) // At Previous Project Wiz-b-h2

Let’s collaborate! Hire our team to speak at your event, advertise on our platforms, or appear on our show.

Heading-2 // Figma named as "H3 Text" (80px)

Build a thriving creative business and make a living doing what you love.

Heading-3 // Figma named as "H4 Text" (60px)

Text Sizes

Tablet big bodys (body-1 / body-2) multiply to 90%.
Tablet other smaller headings no change.
Mobile vw values big bodys.

Meta texts are set in REM Values.
‍
We take the name of the Text Styles of the Figma File https://www.figma.com/file/UOzGLiauNiY2GbZutw09Go/Current-Futur-Website?node-id=0%3A1&t=JPOSO8AJITlMyr8v-1
‍

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Paragraph-Large // At Figma font-size: 55px; line-height: 65px;

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Paragraph-Medium // At Figma font-size: 45px; line-height: 53px;

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Paragraph-Small // At Figma font-size: 30px; line-height: 34px;

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Paragraph-Extra Small // At Figma font-size: 24px; line-height: 28px;

meta Sample text

meta-1 // At Figma 16px

Other HTML Tags

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All paragraphs

This is a link

All links

Block Quote

All Block Quotes

List item
List item
List item

All-unordered-list

List item
List item
List item

All-ordered-list

Text Weights

The styles are set inside the [Global CSS] symbol. Use this as combo classes to prevent extra clases when the weight varies between body texts

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-light

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-regular

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-medium

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-semibold

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-bold

Text Colors & Text Alignment

The following are global classes, you can add to any text of the page to change colors and alignments.

Text-black