Styles

Font

font-rethink-sans

Rethink Sans

Colors

Heading styles

All H1 headings

Heading 1

All H2 headings

Heading 2

All H3 headings

Heading 3

All H4 headings

Heading 4

All H5 headings

Heading 5

All H6 headings

Heading 6

heading-1

Heading 1

heading-2

Heading 2

heading-3

Heading 3

heading-4

Heading 4

heading-5

Heading 5

heading-6

Heading 6

heading-max

Heading MAX

Text Sizes

All Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

text-18px

This is some text with 20px font size.

text-20px

This is some text with 20px font size.

text-22px

This is some text with 22px font size.

text-26px

This is some text with 26px font size.

text-32px

This is some text with 32px font size.

text-34px

This is some text with 34px font size.

text-40px

This is some text with 40px font size.

Text Align

text-align-left

This is some text with 0% letter spacing

text-align-center

This is some text with 0% letter spacing

text-align-right

This is some text with -2% letter spacing

Letter Spacing

letter-spacing-0%

This is some text with 0% letter spacing

letter-spacing-2%

This is some text with -2% letter spacing

Line Height

line-height-100%

This is some text with 100% line height.

line-height-120%

This is some text with 120% line height.

line-height-130%

This is some text with 130% line height.

line-height-140%

This is some text with 140% line height.

line-height-150%

This is some text with 150% line height.

Text Weights

text-weight-300

This is some text with 300 text weight

text-weight-400

This is some text with 400 text weight

text-weight-500

This is some text with 500 text weight

text-weight-600

This is some text with 600 text weight

text-weight-700

This is some text with 700 text weight

text-weight-800

This is some text with 800 text weight

Text Colors

text-color-gradient

This is some text with gradient color

text-color-black

This is some text with black color

text-color-pink

This is some text with pink color

text-color-white

This is some text with white color

text-color-dark-blue

This is some text with white color

Other Text Styles

text-italic

This is some text with gradient color

text-align-center

This is some text aligned center

text-capitalize

This is some text with all caps

text-link

This is some text with all caps

All Links

Text Link

Button Styles

Section Heading

Benefits that mean business

Section Styles

Button

Variant : Teal (Base)

Button Text

Button

Variant : Teal Outline

Button Text

Button

Variant : Teal Outline [Text white]

Button Text

Button

Variant : Pink

Button Text

Button

Variant : White

Button Text

Button

Variant : Pink Outline

Button Text

Button

Variant : Text Link

Button Text

Discover what’s

for your business

Talk to Sales

Schedule a Demo

Ready to get more out of your legacy systems?

Keep what works. Fix what doesn’t. And finally move at the speed your business demands.

Button Text

Styles

Font

Rethink Sans

Colors

Heading styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading MAX

Text Sizes

Text Align

Letter Spacing

Line Height

Text Weights

Text Colors

Other Text Styles

Button Styles

Benefits that mean business

Section Styles

Trusted by industry leaders

FAQs