Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to variables so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Style panel on the right and add it as a variable by clicking the purple dot next to a color property.

Text styles

Lorem ipsum dolor

Mont Demo ExtraLight 72px/90px

Lorem ipsum dolor

Mont Demo Heavy 72px/90px

Lorem ipsum dolor

Mont Demo ExtraLight 60px/72px

Lorem ipsum dolor

Mont Demo Heavy 60px/72px

Lorem ipsum dolor

Mont Demo Heavy 48px/60px

Lorem ipsum dolor

Mont Demo ExtraLight 48px/60px

Lorem ipsum dolor

Mont Demo ExtraLight 36px/44px

Lorem ipsum dolor

Mont Demo Heavy 36px/44px

Lorem ipsum dolor

Mont Demo ExtraLight 24px/32px

Lorem ipsum dolor

Mont Demo Heavy 24px/32px

Lorem ipsum dolor

Mont Demo ExtraLight 16px/30px

Lorem ipsum dolor

Mont Demo Heavy 20px/30px

Lorem ipsum dolor

Mont Demo ExtraLight 20px/NaNpx

Lorem ipsum dolor

Mont Demo ExtraLight 36px/NaNpx

Lorem ipsum dolor

Mont Demo ExtraLight 28px/150%

Lorem ipsum dolor

Mont Demo ExtraLight 18px/32px

Lorem ipsum dolor

Mont Demo Heavy 18px/32px

Lorem ipsum dolor

Mont Demo ExtraLight 14px/150%

Lorem ipsum dolor

Mont Demo Heavy 36px/NaNpx

Lorem ipsum dolor

Mont Demo Heavy 28px/150%

Color styles

Black XAOC - #3B3B3B

White XAOC - #F5F4F2

Cream XAOC - #F9F7EF

Summer XOAC - #A6B3C1

Torqouise XAOC - #99BDC4