Theme & Elementor Style Guide

Colour Palettes

This section shows the current theme and Elementor colours with labels and hex codes.

Astra – Site & Global Colours

Site Background
Body / Page background
#2A241F
Content Background
Containers, cards
#FFFFFF
Section Background
Soft banded sections
#F5EEE7
Primary
Links, primary buttons
#C1804B
Primary Hover
Hover state for links/buttons
#8F5B30
Accent
Highlights, badges, subtle emphasis
#F2C274
Border / Divider
Lines, card borders
#F9F5F0
Muted Background
Input, subtle panels
#F5F5F5
Notice / Alert
Info panels, alerts
#FDF5E9
Header / Footer Background
Site header & footer
#FFFFFF
Menu Hover
Main menu hover / active
#F0E0D0
Submenu Background
Dropdown menu background
#D6B18A

Elementor – Global Colours

Primary
Buttons, key accents
#C1804B
Secondary
Secondary buttons / emphasis
#2A241F
Text
Body copy
#222222
Accent
Links, small highlights
#8F5B30

Headings

Heading H1 – The quick brown fox

Heading H2 – The quick brown fox

Heading H3 – The quick brown fox

Heading H4 – The quick brown fox

Heading H5 – The quick brown fox
Heading H6 – The quick brown fox

Paragraph & Inline Elements

This is a standard paragraph. It includes bold text, italic text, a standard link, and underlined text.

Another paragraph to show spacing between blocks of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Blockquote

“This is a blockquote. It should display using Astra’s default styles so you can check font, spacing, and border/quote styling.”

Lists

Unordered List

  • List item one
  • List item two
  • List item three

Ordered List

  1. First item
  2. Second item
  3. Third item

Table

Header 1 Header 2 Header 3
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3

Buttons

Astra .button

Elementor Buttons

Small Medium Large

Form Elements

Scroll to Top