Elementor Styleguide

This template contains all kinds of global styles for Elementor

Dark darker

Primary: Headings

Dark

Text: Body

Accent

Accent: Default buttons

Accent darker

Accent hover, Links

Light

Headings on dark

Light darker

Body on dark

Accent 2

Accent 2

Accent 2: hover

Accent 2: hover

Title 1

Lorem ipsum dolor sit amet consectetur adipiscing elit

Title 2

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam

Title 3

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida

Title 4

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique

Title 5

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis

Title 6

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis dictumst egestas eleifend

Title 7

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis dictumst egestas eleifend ad tempor aptent sem sapien

Sub title

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin aliquam

Body

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

Body bold

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

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. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Big Hero

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

Want other font sizes? Use the font clamping website

Button default
button-dark
button-light
button-outline-dark
button-accent-2
Button default
button-light
button-outline-light
button-accent-2

This is a light boxed container

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 em light darker boxed - (título em dark darker color)

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. – (texto em dark color)

This a full width container - (títtulo em dark darker color)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. – (texto em dark color)

This a full width container - (títtulo em dark darker color)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. – (texto em dark color)

Container em accent darker boxed - (título em dark darker color)

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. – (texto em dark color)

Container em dark boxed color - (título em light color)

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. – (texto em light color)

Container em dark darker color - (título em light color)

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. – (texto em light darker color)