Heading XXL 48-100

				
					clamp(3rem, 1.785rem + 2.532vi, 4rem)

Heading XL 40 - 88

				
					clamp(2.5rem, -1.146rem + 7.595vi, 5.5rem)

Heading L 40-76

				
					clamp(2.5rem, -0.234rem + 5.696vi, 4.75rem)

Heading M

Heading S with some more text to go along

Heading XS with some more text to go along

Heading XXS with some more text to go along

Elementor Styleguide v2

NOT linked to H tags

Title 1

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos arcu ut.

Title 2

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur.

Title 3

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim.

Title 4

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum

Title 5

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum.

Title 6

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse.

Title 7

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

Subheading

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur.

Body

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis per venenatis.

Body large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Body small

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis per venenatis urna aptent sociosqu.

Want other font sizes? Use the font clamping website

LINKED linked to H tags

H1

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos arcu ut.

H2

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur.

h3

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim.

h4

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum

h5

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum.

Title 6

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse.

text p tag

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie tortor integer ac enim pharetra lobortis per venenatis.

Want other font sizes? Use the font clamping website

var(--e-global-color-primary)

var(--e-global-color-secondary)

var(--e-global-color-text)

var(--e-global-color-accent)

var(--e-global-color-primary)

var(--e-global-color-secondary)

var(--e-global-color-text)

var(--e-global-color-primary)

var(--e-global-color-accent)

var(--e-global-color-primary)

var(--e-global-color-secondary)

var(--e-global-color-text)

var(--e-global-color-primary)

var(--e-global-color-accent)

light

light white
var( --e-global-color-854652c )

light
--e-global-color-eb064ed

accent 2
--e-global-color-9e8eee2

accent 2 hover
--e-global-color-0a37065

accent darker
--e-global-color-cf4a890

Container Light [Buttons on light]
Button default
button-dark
button-light
button-outline-dark
button-accent-2
Container Dark [buttons on dark]
Button default
button-light
button-outline-light
button-accent-2

Container Light
Boxed container with top & bottom padding L

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

Full width container with padding L

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding S

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Container Light Darker
Boxed container with top & bottom padding M

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

Full width container with padding L

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding S

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Container Accent
Boxed container with top & bottom padding S

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

Container Dark
Boxed container with top & bottom padding M

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales.

Full width container with padding L

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding S

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

container dark darker
Boxed container with top & bottom padding L

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

Full width container with padding L

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Full width container with padding S

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.