Back to: Elementor 101: Get Started with Elementor
In this lesson, we’ll begin creating our example website with Spectra… starting with setting our website’s global brand styles.
Setting global brand styles in one place makes website development much faster, and it makes future design updates much easier!
Using our theme’s Customizer, we’ll set our website’s global typography styles, our global color palette, and make an important site-wide layout setting.
Color Codes Used in this Video:
Primary: #181835 ◼︎ (dark blue)
Secondary: #F4571F ◼︎(orange)
Text: #1e242d ◼︎(black)
Accent: #F4571F ◼︎(orange)
Light BG: #F9F7F5 ◼︎(beige)
Font Styles Used in this Video:
Normal Text
Font family: Montserrat
Font size: 16 pixels
Font weight: 400
Line height: 1.5 em
Large Heading
Font family: Montserrat
Font size: 60 pixels
Font weight: 900
Transform: Uppercase
Line height: 1 em
Medium Heading
Font family: Montserrat
Font size: 40 pixels
Font weight: 900
Transform: Uppercase
Line height: 1.2 em
Small Heading
Font family: Montserrat
Font size: 20 pixels
Font weight: 900
Transform: Uppercase
Line height: 1.4 em
Images Used:
Click to download a .ZIP archive containing the Elementor 101 Images