Atoms & single Elements

The building blocks

Table of Contents

Typography

Typography options (except for bottom margin) are set in Elementor's global Site Settings

h1 This is a top level heading across two lines to show line height

Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!

h2 This is a top level heading
across two lines to show line height​

Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister.

At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!

h3 This is a top level heading
across two lines to show line height

Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station.

h4 This is a top level heading
across two lines to show line height

h5 This is a top level heading
across two lines to show line height
h6 This is a top level heading
across two lines to show line height
Body text. The main body style assigned to text throughout the site.

Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!

Global colors

These colors will be unique to each site. Global colors are set in Elementor's global Site Settings and in the child theme.

Typography
Primary Accent
Secondary Accent
Neutral – dark
Backgrond – dark
Neutral – Medium
Neutral – light

Buttons

We tap into Elementor's button controls for the buttons and links shown here. Styles are controlled in the child theme.

Default Button
Secondary Button
Styled Link One
Styled Link Two
Styled Link Three
Extra Small
Small Button
Medium Button
Large Button
Extra Large

Lists

Icon list default styles are controlled in the child theme

Bulleted list:

  • General styling for lists 
  • This is another list item
  • Another list item, number 3 in the list
  • One more list item, just for good measure

Numbered list:

  1. General styling for lists 
  2. This is another list item
  3. Another list item, number 3 in the list
  4. One more list item, just for good measure

Icon list:

  • General styling for icon lists including font size, spacing, color and dividers
  • This is another icon, with a link
  • Another icon, number 3 in the list
  • One more icon, just for good measure

Toggles & accordions

Toggle and accordion default styles are controlled in the child theme

Toggle

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.