Skip to content

H1: Working Page for Theme Optimization

H2: Section heading

H3: A clear and bold heading

Body text example: 

Proprius jugis ultricies vicis ipsum adsum. lobortis tempor taciti iusto enim saepius camur. sociis damnum nibh scisco augue hos. camur morbi jugis arcu similis quidne cogo consectetuer. uxor montes sagittis nobis os esca.

Proin fermentum transverbero tincidunt os. risus turpis tego olim vehicula volutpat virtus. torqueo modo hos facilisi iusto incassum. importunus laoreet abbas abigo porta caecus demoveo. brevitas gravis mos rutrum bibendum iaculis cras. nonummy facilisi vitae veniam jugis praemitto libero ventosus cui. sollicitudin opes exerci penatibus taciti. est abdo inceptos pneum meus.

CTA/Button defaults

Theme property names and values

  • Theme Group: spacing
    theme.spacing = dict
    • Level 2 - theme.spacing.custom_vertical_spacing = 60
    • Level 2 - theme.spacing.maximum_content_width = default
    • Level 2 - theme.spacing.vertical_spacing = default
    • Level 2 - theme.spacing.custom_maximum_content_width = 1000
  • Theme Group: fonts
    theme.fonts = dict
    • Level 2 - theme.fonts.secondary = dict
      • Level 3 - theme.fonts.secondary.font = Source Serif Pro
      • Level 3 - theme.fonts.secondary.font_set = GOOGLE
      • Level 3 - theme.fonts.secondary.styles = dict
        • Level 4 - theme.fonts.secondary.styles.font-family = 'Source Serif Pro', serif
        • Level 4 - theme.fonts.secondary.styles.font-style = normal
        • Level 4 - theme.fonts.secondary.styles.font-weight = 600
        • Level 4 - theme.fonts.secondary.styles.text-decoration = none
      • Level 3 - theme.fonts.secondary.size =
      • Level 3 - theme.fonts.secondary.size_unit =
      • Level 3 - theme.fonts.secondary.color = #231f20
      • Level 3 - theme.fonts.secondary.variant = 600
      • Level 3 - theme.fonts.secondary.fallback = serif
      • Level 3 - theme.fonts.secondary.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
      • Level 3 - theme.fonts.secondary.css = color: #231f20;font-family: 'Source Serif Pro', serif; font-weight: 600;
    • Level 2 - theme.fonts.primary = dict
      • Level 3 - theme.fonts.primary.font = Montserrat
      • Level 3 - theme.fonts.primary.font_set = GOOGLE
      • Level 3 - theme.fonts.primary.styles = dict
        • Level 4 - theme.fonts.primary.styles.font-family = Montserrat, sans-serif
        • Level 4 - theme.fonts.primary.styles.font-style = normal
        • Level 4 - theme.fonts.primary.styles.font-weight = 400
        • Level 4 - theme.fonts.primary.styles.text-decoration = none
      • Level 3 - theme.fonts.primary.size =
      • Level 3 - theme.fonts.primary.size_unit =
      • Level 3 - theme.fonts.primary.color = #231f20
      • Level 3 - theme.fonts.primary.variant = 400
      • Level 3 - theme.fonts.primary.fallback = sans-serif
      • Level 3 - theme.fonts.primary.style = font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none
      • Level 3 - theme.fonts.primary.css = color: #231f20;font-family: Montserrat, sans-serif; font-weight: 400;
  • Theme Group: body_font
    theme.body_font = dict
    • Level 2 - theme.body_font.font = Montserrat
    • Level 2 - theme.body_font.font_set = GOOGLE
    • Level 2 - theme.body_font.styles = dict
      • Level 3 - theme.body_font.styles.font-family = Montserrat, sans-serif
      • Level 3 - theme.body_font.styles.font-style = normal
      • Level 3 - theme.body_font.styles.font-weight = 400
      • Level 3 - theme.body_font.styles.text-decoration = none
    • Level 2 - theme.body_font.size =
    • Level 2 - theme.body_font.size_unit =
    • Level 2 - theme.body_font.color = #231f20
    • Level 2 - theme.body_font.variant = 400
    • Level 2 - theme.body_font.fallback = sans-serif
    • Level 2 - theme.body_font.style = font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none
    • Level 2 - theme.body_font.css = color: #231f20;font-family: Montserrat, sans-serif; font-weight: 400;
  • Theme Group: heading_font
    theme.heading_font = dict
    • Level 2 - theme.heading_font.font = Source Serif Pro
    • Level 2 - theme.heading_font.font_set = GOOGLE
    • Level 2 - theme.heading_font.styles = dict
      • Level 3 - theme.heading_font.styles.font-family = 'Source Serif Pro', serif
      • Level 3 - theme.heading_font.styles.font-style = normal
      • Level 3 - theme.heading_font.styles.font-weight = 600
      • Level 3 - theme.heading_font.styles.text-decoration = none
    • Level 2 - theme.heading_font.size =
    • Level 2 - theme.heading_font.size_unit =
    • Level 2 - theme.heading_font.color = #231f20
    • Level 2 - theme.heading_font.variant = 600
    • Level 2 - theme.heading_font.fallback = serif
    • Level 2 - theme.heading_font.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
    • Level 2 - theme.heading_font.css = color: #231f20;font-family: 'Source Serif Pro', serif; font-weight: 600;
  • Theme Group: secondary_color
    theme.secondary_color = dict
    • Level 2 - theme.secondary_color.color = #f5f8fa
    • Level 2 - theme.secondary_color.opacity = 100
    • Level 2 - theme.secondary_color.rgba = rgba(245, 248, 250, 1)
    • Level 2 - theme.secondary_color.rgb = rgb(245, 248, 250)
    • Level 2 - theme.secondary_color.hex = #f5f8fa
    • Level 2 - theme.secondary_color.css = #f5f8fa
  • Theme Group: global
    theme.global = dict
    • Level 2 - theme.global.tables = dict
      • Level 3 - theme.global.tables.table_header = dict
        • Level 4 - theme.global.tables.table_header.background = dict
          • Level 5 - theme.global.tables.table_header.color = {color=#24b6e0, opacity=100, rgba=rgba(36, 182, 224, 1), rgb=rgb(36, 182, 224), hex=#24b6e0, css=#24b6e0}
        • Level 4 - theme.global.tables.table_header.text = dict
          • Level 5 - theme.global.tables.table_header.color = {color=#ffffff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
      • Level 3 - theme.global.tables.table_footer = dict
        • Level 4 - theme.global.tables.table_footer.background = dict
          • Level 5 - theme.global.tables.table_footer.color = {color=#f5f8fa, opacity=100, rgba=rgba(245, 248, 250, 1), rgb=rgb(245, 248, 250), hex=#f5f8fa, css=#f5f8fa}
        • Level 4 - theme.global.tables.table_footer.text = dict
          • Level 5 - theme.global.tables.table_footer.color = {color=#231f20, opacity=null, rgba=rgba(35, 31, 32, 1), rgb=rgb(35, 31, 32), hex=#231f20, css=#231f20}
      • Level 3 - theme.global.tables.table_body = dict
        • Level 4 - theme.global.tables.table_body.background = dict
          • Level 5 - theme.global.tables.table_body.color = {color=#ffffff, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
        • Level 4 - theme.global.tables.table_body.text = dict
          • Level 5 - theme.global.tables.table_body.color = {color=#231f20, opacity=null, rgba=rgba(35, 31, 32, 1), rgb=rgb(35, 31, 32), hex=#231f20, css=#231f20}
      • Level 3 - theme.global.tables.table_cells = dict
        • Level 4 - theme.global.tables.table_cells.border = dict
          • Level 5 - theme.global.tables.table_cells.border = {top={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, right={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, bottom={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, left={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, css=border: 1px solid #734e36; }
        • Level 4 - theme.global.tables.table_cells.spacing = dict
          • Level 5 - theme.global.tables.table_cells.spacing = {padding={top={value=10, units=px}, right={value=10, units=px}, bottom={value=10, units=px}, left={value=10, units=px}}, css=padding: 10px; }
    • Level 2 - theme.global.buttons = dict
      • Level 3 - theme.global.buttons.secondary = dict
        • Level 4 - theme.global.buttons.secondary.border = dict
          • Level 5 - theme.global.buttons.secondary.border = {top={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, right={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, bottom={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, left={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, css=border: 1px solid #24b6e0; }
        • Level 4 - theme.global.buttons.secondary.hover = dict
          • Level 5 - theme.global.buttons.secondary.border = {border=}
          • Level 5 - theme.global.buttons.secondary.background = {color=}
          • Level 5 - theme.global.buttons.secondary.text = {font=}
        • Level 4 - theme.global.buttons.secondary.corner = dict
          • Level 5 - theme.global.buttons.secondary.radius = 0
        • Level 4 - theme.global.buttons.secondary.background = dict
          • Level 5 - theme.global.buttons.secondary.color = {color=#ffffff, opacity=0, rgba=rgba(255, 255, 255, 0), rgb=rgb(255, 255, 255), hex=#ffffff, css=rgba(255, 255, 255, 0%)}
        • Level 4 - theme.global.buttons.secondary.text = dict
          • Level 5 - theme.global.buttons.secondary.transform = none
          • Level 5 - theme.global.buttons.secondary.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=600, text-decoration=none}, size=null, size_unit=null, color=#24b6e0, variant=600, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none, css=color: #24b6e0;font-family: Montserrat, sans-serif; font-weight: 600;}
      • Level 3 - theme.global.buttons.size = dict
        • Level 4 - theme.global.buttons.size.small = dict
          • Level 5 - theme.global.buttons.size.spacing = {padding={top={value=10, units=px}, right={value=20, units=px}, bottom={value=10, units=px}, left={value=20, units=px}}, css=padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
          • Level 5 - theme.global.buttons.size.font_size = 14
        • Level 4 - theme.global.buttons.size.large = dict
          • Level 5 - theme.global.buttons.size.spacing = {padding={top={value=10, units=px}, right={value=20, units=px}, bottom={value=10, units=px}, left={value=20, units=px}}, css=padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
          • Level 5 - theme.global.buttons.size.font_size = 18
        • Level 4 - theme.global.buttons.size.regular = dict
          • Level 5 - theme.global.buttons.size.spacing = {padding={top={value=10, units=px}, right={value=20, units=px}, bottom={value=10, units=px}, left={value=20, units=px}}, css=padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
          • Level 5 - theme.global.buttons.size.font_size = 16
      • Level 3 - theme.global.buttons.primary = dict
        • Level 4 - theme.global.buttons.primary.border = dict
          • Level 5 - theme.global.buttons.primary.border = {top={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, right={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, bottom={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, left={width={value=1, units=px}, opacity=100, style=solid, color=#24b6e0}, css=border: 1px solid #24b6e0; }
        • Level 4 - theme.global.buttons.primary.hover = dict
          • Level 5 - theme.global.buttons.primary.border = {border=}
          • Level 5 - theme.global.buttons.primary.background = {color=}
          • Level 5 - theme.global.buttons.primary.text = {font=}
        • Level 4 - theme.global.buttons.primary.corner = dict
          • Level 5 - theme.global.buttons.primary.radius = 0
        • Level 4 - theme.global.buttons.primary.background = dict
          • Level 5 - theme.global.buttons.primary.color = {color=#24b6e0, opacity=100, rgba=rgba(36, 182, 224, 1), rgb=rgb(36, 182, 224), hex=#24b6e0, css=#24b6e0}
        • Level 4 - theme.global.buttons.primary.text = dict
          • Level 5 - theme.global.buttons.primary.transform = none
          • Level 5 - theme.global.buttons.primary.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=600, text-decoration=none}, size=null, size_unit=null, color=#ffffff, variant=600, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 600; text-decoration: none, css=color: #ffffff;font-family: Montserrat, sans-serif; font-weight: 600;}
    • Level 2 - theme.global.cards = dict
      • Level 3 - theme.global.cards.light = dict
        • Level 4 - theme.global.cards.light.border = dict
          • Level 5 - theme.global.cards.light.border = {top={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, right={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, bottom={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, left={width={value=1, units=px}, opacity=100, style=solid, color=#734e36}, css=border: 1px solid #734e36; }
        • Level 4 - theme.global.cards.light.corner = dict
          • Level 5 - theme.global.cards.light.radius = 0
        • Level 4 - theme.global.cards.light.background = dict
          • Level 5 - theme.global.cards.light.color = {color=#ffffff, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
        • Level 4 - theme.global.cards.light.text = dict
          • Level 5 - theme.global.cards.light.color = {color=#231f20, opacity=null, rgba=rgba(35, 31, 32, 1), rgb=rgb(35, 31, 32), hex=#231f20, css=#231f20}
      • Level 3 - theme.global.cards.dark = dict
        • Level 4 - theme.global.cards.dark.border = dict
          • Level 5 - theme.global.cards.dark.border = {top={width={value=1, units=px}, opacity=100, style=solid, color=#231f20}, right={width={value=1, units=px}, opacity=100, style=solid, color=#231f20}, bottom={width={value=1, units=px}, opacity=100, style=solid, color=#231f20}, left={width={value=1, units=px}, opacity=100, style=solid, color=#231f20}, css=border: 1px solid #231f20; }
        • Level 4 - theme.global.cards.dark.corner = dict
          • Level 5 - theme.global.cards.dark.radius = 0
        • Level 4 - theme.global.cards.dark.background = dict
          • Level 5 - theme.global.cards.dark.color = {color=#231f20, opacity=100, rgba=rgba(35, 31, 32, 1), rgb=rgb(35, 31, 32), hex=#231f20, css=#231f20}
        • Level 4 - theme.global.cards.dark.text = dict
          • Level 5 - theme.global.cards.dark.color = {color=#ffffff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
    • Level 2 - theme.global.footer = dict
      • Level 3 - theme.global.footer.background = dict
        • Level 4 - theme.global.footer.background.color = dict
          • Level 5 - theme.global.footer.background.color = #ffffff
          • Level 5 - theme.global.footer.background.opacity = 100
          • Level 5 - theme.global.footer.background.rgba = rgba(255, 255, 255, 1)
          • Level 5 - theme.global.footer.background.rgb = rgb(255, 255, 255)
          • Level 5 - theme.global.footer.background.hex = #ffffff
          • Level 5 - theme.global.footer.background.css = #ffffff
      • Level 3 - theme.global.footer.text = dict
        • Level 4 - theme.global.footer.text.color = dict
          • Level 5 - theme.global.footer.text.color = #231f20
          • Level 5 - theme.global.footer.text.opacity =
          • Level 5 - theme.global.footer.text.rgba = rgba(35, 31, 32, 1)
          • Level 5 - theme.global.footer.text.rgb = rgb(35, 31, 32)
          • Level 5 - theme.global.footer.text.hex = #231f20
          • Level 5 - theme.global.footer.text.css = #231f20
      • Level 3 - theme.global.footer.menu = dict
        • Level 4 - theme.global.footer.menu.hover = dict
          • Level 5 - theme.global.footer.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#000000, variant=null, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-family: Montserrat, sans-serif;}
        • Level 4 - theme.global.footer.menu.active = dict
          • Level 5 - theme.global.footer.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-weight=bold, text-decoration=underline, font-family=Montserrat, sans-serif, font-style=normal}, size=null, size_unit=null, color=#000000, variant=null, fallback=sans-serif, style=font-weight: bold; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal, css=color: #000000;font-weight: bold; text-decoration: underline; font-family: Montserrat, sans-serif;}
        • Level 4 - theme.global.footer.menu.text = dict
          • Level 5 - theme.global.footer.menu.transform = none
          • Level 5 - theme.global.footer.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=16, size_unit=px, color=#231f20, variant=null, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #231f20;font-size: 16px;font-family: Montserrat, sans-serif;}
    • Level 2 - theme.global.header = dict
      • Level 3 - theme.global.header.background = dict
        • Level 4 - theme.global.header.background.color = dict
          • Level 5 - theme.global.header.background.color = #ffffff
          • Level 5 - theme.global.header.background.opacity = 100
          • Level 5 - theme.global.header.background.rgba = rgba(255, 255, 255, 1)
          • Level 5 - theme.global.header.background.rgb = rgb(255, 255, 255)
          • Level 5 - theme.global.header.background.hex = #ffffff
          • Level 5 - theme.global.header.background.css = #ffffff
      • Level 3 - theme.global.header.language_switcher = dict
        • Level 4 - theme.global.header.language_switcher.hover = dict
          • Level 5 - theme.global.header.language_switcher.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=null, size_unit=null, color=#000000, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #000000;font-family: Montserrat, sans-serif; font-weight: 400;}
        • Level 4 - theme.global.header.language_switcher.drop_downs = dict
          • Level 5 - theme.global.header.language_switcher.hover = {background=, text=}
          • Level 5 - theme.global.header.language_switcher.background = {color=}
          • Level 5 - theme.global.header.language_switcher.text = {color=}
        • Level 4 - theme.global.header.language_switcher.text = dict
          • Level 5 - theme.global.header.language_switcher.transform = none
          • Level 5 - theme.global.header.language_switcher.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=16, size_unit=px, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-size: 16px;font-family: Montserrat, sans-serif; font-weight: 400;}
      • Level 3 - theme.global.header.top_bar = dict
        • Level 4 - theme.global.header.top_bar.background = dict
          • Level 5 - theme.global.header.top_bar.color = {color=#f5f8fa, opacity=100, rgba=rgba(245, 248, 250, 1), rgb=rgb(245, 248, 250), hex=#f5f8fa, css=#f5f8fa}
      • Level 3 - theme.global.header.text = dict
        • Level 4 - theme.global.header.text.color = dict
          • Level 5 - theme.global.header.text.color = #231f20
          • Level 5 - theme.global.header.text.opacity =
          • Level 5 - theme.global.header.text.rgba = rgba(35, 31, 32, 1)
          • Level 5 - theme.global.header.text.rgb = rgb(35, 31, 32)
          • Level 5 - theme.global.header.text.hex = #231f20
          • Level 5 - theme.global.header.text.css = #231f20
      • Level 3 - theme.global.header.menu = dict
        • Level 4 - theme.global.header.menu.hover = dict
          • Level 5 - theme.global.header.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=null, size_unit=null, color=#000000, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #000000;font-family: Montserrat, sans-serif; font-weight: 400;}
        • Level 4 - theme.global.header.menu.drop_downs = dict
          • Level 5 - theme.global.header.menu.hover = {background=, text=}
          • Level 5 - theme.global.header.menu.background = {color=}
          • Level 5 - theme.global.header.menu.active = {background=, text=}
          • Level 5 - theme.global.header.menu.text = {color=}
        • Level 4 - theme.global.header.menu.active = dict
          • Level 5 - theme.global.header.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=null, size_unit=null, color=#000000, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #000000;font-family: Montserrat, sans-serif; font-weight: 400;}
        • Level 4 - theme.global.header.menu.text = dict
          • Level 5 - theme.global.header.menu.transform = none
          • Level 5 - theme.global.header.menu.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=16, size_unit=px, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-size: 16px;font-family: Montserrat, sans-serif; font-weight: 400;}
    • Level 2 - theme.global.text = dict
      • Level 3 - theme.global.text.body_font = dict
        • Level 4 - theme.global.text.body_font.font = dict
          • Level 5 - theme.global.text.body_font.font = Montserrat
          • Level 5 - theme.global.text.body_font.font_set = GOOGLE
          • Level 5 - theme.global.text.body_font.styles = {font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}
          • Level 5 - theme.global.text.body_font.size = 16
          • Level 5 - theme.global.text.body_font.size_unit = px
          • Level 5 - theme.global.text.body_font.color = #231f20
          • Level 5 - theme.global.text.body_font.variant = 400
          • Level 5 - theme.global.text.body_font.fallback = sans-serif
          • Level 5 - theme.global.text.body_font.style = font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none
          • Level 5 - theme.global.text.body_font.css = color: #231f20;font-size: 16px;font-family: Montserrat, sans-serif; font-weight: 400;
      • Level 3 - theme.global.text.h1 = dict
        • Level 4 - theme.global.text.h1.transform = none
        • Level 4 - theme.global.text.h1.font = dict
          • Level 5 - theme.global.text.h1.font = Source Serif Pro
          • Level 5 - theme.global.text.h1.font_set = GOOGLE
          • Level 5 - theme.global.text.h1.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h1.size = 40
          • Level 5 - theme.global.text.h1.size_unit = px
          • Level 5 - theme.global.text.h1.color = #231f20
          • Level 5 - theme.global.text.h1.variant = 600
          • Level 5 - theme.global.text.h1.fallback = serif
          • Level 5 - theme.global.text.h1.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h1.css = color: #231f20;font-size: 40px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.h2 = dict
        • Level 4 - theme.global.text.h2.transform = none
        • Level 4 - theme.global.text.h2.font = dict
          • Level 5 - theme.global.text.h2.font = Source Serif Pro
          • Level 5 - theme.global.text.h2.font_set = GOOGLE
          • Level 5 - theme.global.text.h2.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h2.size = 32
          • Level 5 - theme.global.text.h2.size_unit = px
          • Level 5 - theme.global.text.h2.color = #231f20
          • Level 5 - theme.global.text.h2.variant = 600
          • Level 5 - theme.global.text.h2.fallback = serif
          • Level 5 - theme.global.text.h2.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h2.css = color: #231f20;font-size: 32px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.links = dict
        • Level 4 - theme.global.text.links.hover_font = dict
          • Level 5 - theme.global.text.links.font = Montserrat
          • Level 5 - theme.global.text.links.font_set = GOOGLE
          • Level 5 - theme.global.text.links.styles = {font-weight=400, text-decoration=underline, font-family=Montserrat, sans-serif, font-style=normal}
          • Level 5 - theme.global.text.links.size =
          • Level 5 - theme.global.text.links.size_unit =
          • Level 5 - theme.global.text.links.color = #415239
          • Level 5 - theme.global.text.links.variant = 400
          • Level 5 - theme.global.text.links.fallback = sans-serif
          • Level 5 - theme.global.text.links.style = font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal
          • Level 5 - theme.global.text.links.css = color: #415239;font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif;
        • Level 4 - theme.global.text.links.font = dict
          • Level 5 - theme.global.text.links.font = Montserrat
          • Level 5 - theme.global.text.links.font_set = GOOGLE
          • Level 5 - theme.global.text.links.styles = {font-weight=400, text-decoration=underline, font-family=Montserrat, sans-serif, font-style=normal}
          • Level 5 - theme.global.text.links.size =
          • Level 5 - theme.global.text.links.size_unit =
          • Level 5 - theme.global.text.links.color = #24b6e0
          • Level 5 - theme.global.text.links.variant = 400
          • Level 5 - theme.global.text.links.fallback = sans-serif
          • Level 5 - theme.global.text.links.style = font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal
          • Level 5 - theme.global.text.links.css = color: #24b6e0;font-weight: 400; text-decoration: underline; font-family: Montserrat, sans-serif;
      • Level 3 - theme.global.text.h3 = dict
        • Level 4 - theme.global.text.h3.transform = none
        • Level 4 - theme.global.text.h3.font = dict
          • Level 5 - theme.global.text.h3.font = Source Serif Pro
          • Level 5 - theme.global.text.h3.font_set = GOOGLE
          • Level 5 - theme.global.text.h3.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h3.size = 28
          • Level 5 - theme.global.text.h3.size_unit = px
          • Level 5 - theme.global.text.h3.color = #231f20
          • Level 5 - theme.global.text.h3.variant = 600
          • Level 5 - theme.global.text.h3.fallback = serif
          • Level 5 - theme.global.text.h3.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h3.css = color: #231f20;font-size: 28px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.h4 = dict
        • Level 4 - theme.global.text.h4.transform = none
        • Level 4 - theme.global.text.h4.font = dict
          • Level 5 - theme.global.text.h4.font = Source Serif Pro
          • Level 5 - theme.global.text.h4.font_set = GOOGLE
          • Level 5 - theme.global.text.h4.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h4.size = 24
          • Level 5 - theme.global.text.h4.size_unit = px
          • Level 5 - theme.global.text.h4.color = #231f20
          • Level 5 - theme.global.text.h4.variant = 600
          • Level 5 - theme.global.text.h4.fallback = serif
          • Level 5 - theme.global.text.h4.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h4.css = color: #231f20;font-size: 24px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.h5 = dict
        • Level 4 - theme.global.text.h5.transform = none
        • Level 4 - theme.global.text.h5.font = dict
          • Level 5 - theme.global.text.h5.font = Source Serif Pro
          • Level 5 - theme.global.text.h5.font_set = GOOGLE
          • Level 5 - theme.global.text.h5.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h5.size = 20
          • Level 5 - theme.global.text.h5.size_unit = px
          • Level 5 - theme.global.text.h5.color = #231f20
          • Level 5 - theme.global.text.h5.variant = 600
          • Level 5 - theme.global.text.h5.fallback = serif
          • Level 5 - theme.global.text.h5.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h5.css = color: #231f20;font-size: 20px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.h6 = dict
        • Level 4 - theme.global.text.h6.transform = none
        • Level 4 - theme.global.text.h6.font = dict
          • Level 5 - theme.global.text.h6.font = Source Serif Pro
          • Level 5 - theme.global.text.h6.font_set = GOOGLE
          • Level 5 - theme.global.text.h6.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.h6.size = 16
          • Level 5 - theme.global.text.h6.size_unit = px
          • Level 5 - theme.global.text.h6.color = #231f20
          • Level 5 - theme.global.text.h6.variant = 600
          • Level 5 - theme.global.text.h6.fallback = serif
          • Level 5 - theme.global.text.h6.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.h6.css = color: #231f20;font-size: 16px;font-family: 'Source Serif Pro', serif; font-weight: 600;
      • Level 3 - theme.global.text.blockquotes = dict
        • Level 4 - theme.global.text.blockquotes.font = dict
          • Level 5 - theme.global.text.blockquotes.font = Source Serif Pro
          • Level 5 - theme.global.text.blockquotes.font_set = GOOGLE
          • Level 5 - theme.global.text.blockquotes.styles = {font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}
          • Level 5 - theme.global.text.blockquotes.size = 24
          • Level 5 - theme.global.text.blockquotes.size_unit = px
          • Level 5 - theme.global.text.blockquotes.color = #231f20
          • Level 5 - theme.global.text.blockquotes.variant = 600
          • Level 5 - theme.global.text.blockquotes.fallback = serif
          • Level 5 - theme.global.text.blockquotes.style = font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none
          • Level 5 - theme.global.text.blockquotes.css = color: #231f20;font-size: 24px;font-family: 'Source Serif Pro', serif; font-weight: 600;
    • Level 2 - theme.global.icons = dict
      • Level 3 - theme.global.icons.size = dict
        • Level 4 - theme.global.icons.size.small = dict
          • Level 5 - theme.global.icons.size.spacing = {padding={top={value=10, units=px}, right={value=10, units=px}, bottom={value=10, units=px}, left={value=10, units=px}}, css=padding: 10px; }
          • Level 5 - theme.global.icons.size.size = 12
        • Level 4 - theme.global.icons.size.large = dict
          • Level 5 - theme.global.icons.size.spacing = {padding={top={value=25, units=px}, right={value=25, units=px}, bottom={value=25, units=px}, left={value=25, units=px}}, css=padding: 25px; }
          • Level 5 - theme.global.icons.size.size = 24
        • Level 4 - theme.global.icons.size.regular = dict
          • Level 5 - theme.global.icons.size.spacing = {padding={top={value=15, units=px}, right={value=15, units=px}, bottom={value=15, units=px}, left={value=15, units=px}}, css=padding: 15px; }
          • Level 5 - theme.global.icons.size.size = 16
      • Level 3 - theme.global.icons.light = dict
        • Level 4 - theme.global.icons.light.background = dict
          • Level 5 - theme.global.icons.light.color = {color=#ffffff, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
        • Level 4 - theme.global.icons.light.fill = dict
          • Level 5 - theme.global.icons.light.color = {color=#76a5af, opacity=null, rgba=rgba(118, 165, 175, 1), rgb=rgb(118, 165, 175), hex=#76a5af, css=#76a5af}
      • Level 3 - theme.global.icons.dark = dict
        • Level 4 - theme.global.icons.dark.background = dict
          • Level 5 - theme.global.icons.dark.color = {color=#76a5af, opacity=100, rgba=rgba(118, 165, 175, 1), rgb=rgb(118, 165, 175), hex=#76a5af, css=#76a5af}
        • Level 4 - theme.global.icons.dark.fill = dict
          • Level 5 - theme.global.icons.dark.color = {color=#ffffff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}
    • Level 2 - theme.global.forms = dict
      • Level 3 - theme.global.forms.button = dict
        • Level 4 - theme.global.forms.button.presets = dict
          • Level 5 - theme.global.forms.button.button_style = primary
          • Level 5 - theme.global.forms.button.button_size = regular
      • Level 3 - theme.global.forms.form = dict
        • Level 4 - theme.global.forms.form.border = dict
          • Level 5 - theme.global.forms.form.border = {bottom={color=#0C5394, opacity=100, style=solid, width={units=px, value=1}}, left={color=#0C5394, opacity=100, style=solid, width={units=px, value=1}}, right={color=#0C5394, opacity=100, style=solid, width={units=px, value=1}}, top={color=#0C5394, opacity=100, style=solid, width={units=px, value=1}}, css=border: 1px solid #0C5394; }
        • Level 4 - theme.global.forms.form.spacing = dict
          • Level 5 - theme.global.forms.form.spacing = {padding={top={value=45, units=px}, right={value=45, units=px}, bottom={value=45, units=px}, left={value=45, units=px}}, css=padding: 45px; }
        • Level 4 - theme.global.forms.form.corner = dict
          • Level 5 - theme.global.forms.form.radius = 10
        • Level 4 - theme.global.forms.form.background = dict
          • Level 5 - theme.global.forms.form.color = {color=#0C5394, opacity=100, rgba=rgba(12, 83, 148, 1), rgb=rgb(12, 83, 148), hex=#0C5394, css=#0C5394}
      • Level 3 - theme.global.forms.title = dict
        • Level 4 - theme.global.forms.title.border = dict
          • Level 5 - theme.global.forms.title.border = {top={width={value=1, units=px}, opacity=100, style=none, color=#24b6e0}, right={width={value=1, units=px}, opacity=100, style=none, color=#24b6e0}, bottom={width={value=1, units=px}, opacity=100, style=none, color=#24b6e0}, left={width={value=1, units=px}, opacity=100, style=none, color=#24b6e0}, css=border: 1px none #24b6e0; }
        • Level 4 - theme.global.forms.title.spacing = dict
          • Level 5 - theme.global.forms.title.spacing = {padding={top={value=25, units=px}, right={value=25, units=px}, bottom={value=25, units=px}, left={value=25, units=px}}, css=padding: 25px; }
        • Level 4 - theme.global.forms.title.corner = dict
          • Level 5 - theme.global.forms.title.radius = 0
        • Level 4 - theme.global.forms.title.background = dict
          • Level 5 - theme.global.forms.title.color = {color=#24b6e0, opacity=100, rgba=rgba(36, 182, 224, 1), rgb=rgb(36, 182, 224), hex=#24b6e0, css=#24b6e0}
        • Level 4 - theme.global.forms.title.text = dict
          • Level 5 - theme.global.forms.title.transform = none
          • Level 5 - theme.global.forms.title.font = {font=Source Serif Pro, font_set=GOOGLE, styles={font-family='Source Serif Pro', serif, font-style=normal, font-weight=600, text-decoration=none}, size=28, size_unit=px, color=#ffffff, variant=600, fallback=serif, style=font-family: 'Source Serif Pro', serif; font-style: normal; font-weight: 600; text-decoration: none, css=color: #ffffff;font-size: 28px;font-family: 'Source Serif Pro', serif; font-weight: 600;}
      • Level 3 - theme.global.forms.fields = dict
        • Level 4 - theme.global.forms.fields.inputs = dict
          • Level 5 - theme.global.forms.fields.border = {border=}
          • Level 5 - theme.global.forms.fields.spacing = {spacing=}
          • Level 5 - theme.global.forms.fields.corner = {radius=}
          • Level 5 - theme.global.forms.fields.background = {color=}
          • Level 5 - theme.global.forms.fields.placeholder = {color=}
          • Level 5 - theme.global.forms.fields.text = {font=}
        • Level 4 - theme.global.forms.fields.rich_text = dict
          • Level 5 - theme.global.forms.fields.links = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=null, size_unit=null, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-family: Montserrat, sans-serif; font-weight: 400;}
          • Level 5 - theme.global.forms.fields.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=null, size_unit=null, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-family: Montserrat, sans-serif; font-weight: 400;}
        • Level 4 - theme.global.forms.fields.gdpr_text = dict
          • Level 5 - theme.global.forms.fields.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=14, size_unit=px, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-size: 14px;font-family: Montserrat, sans-serif; font-weight: 400;}
      • Level 3 - theme.global.forms.labels = dict
        • Level 4 - theme.global.forms.labels.spacing = dict
          • Level 5 - theme.global.forms.labels.spacing = {padding={top={value=6, units=px}, right={value=0, units=px}, bottom={value=6, units=px}, left={value=0, units=px}}, css=padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }
        • Level 4 - theme.global.forms.labels.text = dict
          • Level 5 - theme.global.forms.labels.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=16, size_unit=px, color=#231f20, variant=null, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #231f20;font-size: 16px;font-family: Montserrat, sans-serif;}
      • Level 3 - theme.global.forms.help_text = dict
        • Level 4 - theme.global.forms.help_text.text = dict
          • Level 5 - theme.global.forms.help_text.font = {font=Montserrat, font_set=GOOGLE, styles={font-family=Montserrat, sans-serif, font-style=normal, font-weight=400, text-decoration=none}, size=14, size_unit=px, color=#231f20, variant=400, fallback=sans-serif, style=font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; text-decoration: none, css=color: #231f20;font-size: 14px;font-family: Montserrat, sans-serif; font-weight: 400;}
  • Theme Group: primary_color
    theme.primary_color = dict
    • Level 2 - theme.primary_color.color = #24b6e0
    • Level 2 - theme.primary_color.opacity = 100
    • Level 2 - theme.primary_color.rgba = rgba(36, 182, 224, 1)
    • Level 2 - theme.primary_color.rgb = rgb(36, 182, 224)
    • Level 2 - theme.primary_color.hex = #24b6e0
    • Level 2 - theme.primary_color.css = #24b6e0
  • Theme Group: colors
    theme.colors = dict
    • Level 2 - theme.colors.secondary = dict
      • Level 3 - theme.colors.secondary.color = #f5f8fa
      • Level 3 - theme.colors.secondary.opacity = 100
      • Level 3 - theme.colors.secondary.rgba = rgba(245, 248, 250, 1)
      • Level 3 - theme.colors.secondary.rgb = rgb(245, 248, 250)
      • Level 3 - theme.colors.secondary.hex = #f5f8fa
      • Level 3 - theme.colors.secondary.css = #f5f8fa
    • Level 2 - theme.colors.body_background_color = dict
      • Level 3 - theme.colors.body_background_color.color = #ffffff
      • Level 3 - theme.colors.body_background_color.opacity = 100
      • Level 3 - theme.colors.body_background_color.rgba = rgba(255, 255, 255, 1)
      • Level 3 - theme.colors.body_background_color.rgb = rgb(255, 255, 255)
      • Level 3 - theme.colors.body_background_color.hex = #ffffff
      • Level 3 - theme.colors.body_background_color.css = #ffffff
    • Level 2 - theme.colors.accent_one = dict
      • Level 3 - theme.colors.accent_one.color = #76a5af
      • Level 3 - theme.colors.accent_one.opacity = 100
      • Level 3 - theme.colors.accent_one.rgba = rgba(118, 165, 175, 1)
      • Level 3 - theme.colors.accent_one.rgb = rgb(118, 165, 175)
      • Level 3 - theme.colors.accent_one.hex = #76a5af
      • Level 3 - theme.colors.accent_one.css = #76a5af
    • Level 2 - theme.colors.accent_two = dict
      • Level 3 - theme.colors.accent_two.color = #734e36
      • Level 3 - theme.colors.accent_two.opacity = 100
      • Level 3 - theme.colors.accent_two.rgba = rgba(115, 78, 54, 1)
      • Level 3 - theme.colors.accent_two.rgb = rgb(115, 78, 54)
      • Level 3 - theme.colors.accent_two.hex = #734e36
      • Level 3 - theme.colors.accent_two.css = #734e36
    • Level 2 - theme.colors.primary = dict
      • Level 3 - theme.colors.primary.color = #24b6e0
      • Level 3 - theme.colors.primary.opacity = 100
      • Level 3 - theme.colors.primary.rgba = rgba(36, 182, 224, 1)
      • Level 3 - theme.colors.primary.rgb = rgb(36, 182, 224)
      • Level 3 - theme.colors.primary.hex = #24b6e0
      • Level 3 - theme.colors.primary.css = #24b6e0