/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ [ { "label": "/// Start Here: Colors, Fonts, Header", "name": "global_brand", "type": "group", "help_text": "Set your brand colors here. Don't worry, you'll have the option to set these on a each element in the options below should you need to customize something specific.", "children": [ { "label": "Primary (Pop!) color ", "name": "primary_color", "type": "color", "help_text": "Pop colors are those in your brand guide that will POP off the page. If you have bright colors as part of your brand, use those.", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "brand_settings.primaryColor" } }, "default": { "color": "#d1baa6", "opacity": 100 } }, { "label": "Secondary (Pop!) color", "name": "secondary_color", "type": "color", "help_text": "Pop colors are those in your brand guide that will POP off the page. If you have bright colors as part of your brand, use those.", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "brand_settings.colors[1]" } }, "default": { "color": "#E0D6C8", "opacity": 100 } }, { "label": "Tertiary (Pop!) color", "name": "tertiary_color", "type": "color", "help_text": "Pop colors are those in your brand guide that will POP off the page. If you have bright colors as part of your brand, use those.", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "brand_settings.colors[2]" } }, "default": { "color": "#A68D78", "opacity": 100 } }, { "label": "Default Heading Font", "name": "default_heading_font", "type": "font", "help_text": "This will set the default of all the headings (H1, H2, etc.) below. But don't worry, you'll still be able to set custom ones if you so choose.", "visibility": { "hidden_subfields": { "size": true, "styles": true } }, "alternate_names": [ "heading_font" ], "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "default": { "font": "MADE SAONARA", "font_set": "BRANDING", "color": "#000000", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "variant": "Regular", "fallback": null, "fontId": 15046076 } }, { "label": "Default Body Font", "name": "default_body_font", "type": "font", "help_text": "This will set the default for all paragraphs, lists, labels, etc. Basically, anything that isn't a headline.", "visibility": { "hidden_subfields": { "size": true, "styles": true } }, "alternate_names": [ "body_font" ], "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "default": { "font": "Montserrat", "font_set": "GOOGLE", "color": "#4d4337", "styles": {}, "variant": "regular", "fallback": "sans-serif" } }, { "label": "Global Header", "name": "global_header_version", "type": "choice", "inline_help_text": "The original global header is being depricated. Best to use the new v2.", "help_text": "The New V2 Global Header is part of the CLEAN 6.2 release and it's awesome! The original global header is being depricated.", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "new", "Global Header - v2" ], [ "original", "Original - Do Not Use" ] ], "preset": null, "required": true, "default": "new" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "default_heading_font": { "font": "MADE SAONARA", "font_set": "BRANDING", "color": "#000000", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "variant": "Regular", "fallback": null, "fontId": 15046076 }, "default_body_font": { "font": "Montserrat", "font_set": "GOOGLE", "color": "#4d4337", "styles": {}, "variant": "regular", "fallback": "sans-serif" }, "primary_color": { "color": "#d1baa6", "opacity": 100 }, "secondary_color": { "color": "#E0D6C8", "opacity": 100 }, "tertiary_color": { "color": "#A68D78", "opacity": 100 } } }, { "label": "/// Typography", "name": "typography", "type": "group", "children": [ { "label": "Global Typography Settings", "name": "global_fonts", "type": "group", "children": [ { "label": "Body Link Color", "name": "body_link_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "brand_settings.primaryColor" } }, "default": { "color": "#A68D78", "opacity": 100 } }, { "label": "Body Link Hover Color", "name": "body_link_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "brand_settings.colors[1]" } }, "default": { "color": "#000000", "opacity": 100 } }, { "label": "Use Hyphenation", "name": "hyphen_text", "id": "hyphen_text", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "body_link_color": { "color": "#A68D78", "opacity": 100 } } }, { "label": "Header Navigation", "name": "header_nav", "type": "group", "children": [ { "label": "Main Navigation", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "This font style for the header. Within the Global Header Module you will be able to set the color according to the other style options.", "visibility": { "hidden_subfields": { "color": true } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 18 }, "font": "Montserrat", "styles": {}, "variant": "regular", "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 18 }, "font": "Montserrat", "styles": {}, "variant": "regular", "fallback": "sans-serif" }, "letter_spacing": 1 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 18 }, "font": "Montserrat", "styles": {}, "variant": "regular", "fallback": "sans-serif" }, "letter_spacing": 1 } } }, { "label": "Footer Navigation", "name": "footer_nav", "type": "group", "children": [ { "label": "Footer Navigation", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "This font style for the footer. Within the Global Footer Module you will be able to set the color according to the other style options.", "visibility": { "hidden_subfields": { "color": true } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 16 }, "font": "Montserrat", "styles": {}, "variant": "300", "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 16 }, "font": "Montserrat", "styles": {}, "variant": "300", "fallback": "sans-serif" } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 16 }, "font": "Montserrat", "styles": {}, "variant": "300", "fallback": "sans-serif" } } } }, { "label": "Heading 1", "name": "h1", "type": "group", "children": [ { "label": "H1", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H1's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 80 }, "variant": "Regular", "font_set": "BRANDING", "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 50 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "size": { "units": "px", "value": 80 }, "variant": "Regular", "font_set": "BRANDING", "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 }, "text_transform": "uppercase" } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "size": { "units": "px", "value": 80 }, "variant": "Regular", "font_set": "BRANDING", "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 }, "text_transform": "uppercase" } } }, { "label": "Heading 2", "name": "h2", "type": "group", "children": [ { "label": "H2", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H2's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 50 }, "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 33 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 50 }, "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 50 }, "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 } } } }, { "label": "Heading 3", "name": "h3", "type": "group", "children": [ { "label": "H3", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H3's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "font_set": "BRANDING", "variant": "Regular", "size": { "value": 41, "units": "px" }, "color": "#222222", "font": "BallPen", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "fallback": null, "fontId": 15046080 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 27 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "value": 41, "units": "px" }, "color": "#222222", "font": "BallPen", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "fallback": null, "fontId": 15046080 } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "value": 41, "units": "px" }, "color": "#222222", "font": "BallPen", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "fallback": null, "fontId": 15046080 } } } }, { "label": "Heading 4", "name": "h4", "type": "group", "children": [ { "label": "H4", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H4's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "font_set": "GOOGLE", "variant": "regular", "size": { "value": 17, "units": "px" }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 23 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "value": 17, "units": "px" }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase" } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "value": 17, "units": "px" }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase" } } }, { "label": "Heading 5", "name": "h5", "type": "group", "children": [ { "label": "H5", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H5's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "font_set": "GOOGLE", "variant": "600", "size": { "units": "px", "value": 21 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": true, "default": "none" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "variant": "600", "size": { "units": "px", "value": 21 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "600", "size": { "units": "px", "value": 21 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } } } }, { "label": "Heading 6", "name": "h6", "type": "group", "children": [ { "label": "H6", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other H6's on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "font_set": "GOOGLE", "variant": "300italic", "size": { "units": "px", "value": 16 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": true, "default": "capitalize" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.1 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "variant": "300italic", "size": { "units": "px", "value": 16 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "capitalize" } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "300italic", "size": { "units": "px", "value": 16 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "capitalize" } } }, { "label": "Paragraph", "name": "p", "type": "group", "children": [ { "label": "p", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other paragraphs on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "variant": "300", "size": { "units": "px", "value": 18 }, "color": "#666666", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": true, "default": "none" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 16 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 2.5 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "variant": "300", "size": { "units": "px", "value": 18 }, "color": "#666666", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "line_height": 2.5 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "300", "size": { "units": "px", "value": 18 }, "color": "#666666", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "line_height": 2.5 } } }, { "label": "Lists", "name": "li", "type": "group", "children": [ { "label": "li", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other lists on the page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "variant": "regular", "size": { "units": "px", "value": 16 }, "color": "#4d4337", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": true, "default": "uppercase" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 16 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "inline_help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "inline_help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.5 }, { "label": "Line Spacing", "name": "line_spacing", "type": "number", "inline_help_text": "The space below each bullet point.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 1, "required": true, "default": 15 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "units": "px", "value": 16 }, "color": "#4d4337", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase", "line_height": 1.5 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "units": "px", "value": 16 }, "color": "#4d4337", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase", "line_height": 1.5 } } }, { "label": "Blockquote", "name": "blockquote", "type": "group", "children": [ { "label": "Blockquote", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "NOTE: There is a seperate color setting for the text inside the CLEAN Hero Banner Module making the text white. The color setting here will control all other blockquotes on the page.", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 24 }, "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "color": "#a68d78", "font": "BallPen", "fallback": null, "fontId": 15046080 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": true, "default": "none" }, { "label": "Font Size (Mobile/Tablet)", "name": "size_mobile", "type": "number", "help_text": "This will allow you to set the font for smaller devices. Typically, you'll want to set the size a bit smaller.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 18 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the vertical space between each line of text. It's set in EMs so you'll want to use decimals to set it. Somewhere between 1.0 and 2.0 is usually good.", "display": "text", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1.2 }, { "label": "Show Border on Left Side", "name": "show_border_left", "id": "blockquote.border", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Border Color", "name": "border_color", "type": "color", "visibility": { "controlling_field": "blockquote.border", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#999999", "opacity": 100 } }, { "label": "Border Width", "name": "border_width", "type": "number", "help_text": "This will let you set the width of the border.", "visibility": { "controlling_field": "blockquote.border", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 4 }, { "label": "Text Indent", "name": "padding_left", "type": "number", "help_text": "This will let you set how much you want the text indented.", "visibility": { "controlling_field": "blockquote.border", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 25 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 24 }, "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "color": "#a68d78", "font": "BallPen", "fallback": null, "fontId": 15046080 } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 24 }, "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "color": "#a68d78", "font": "BallPen", "fallback": null, "fontId": 15046080 } } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "global_fonts": { "body_link_color": { "color": "#A68D78", "opacity": 100 } }, "h1": { "props": { "font_style": { "size": { "units": "px", "value": 80 }, "variant": "Regular", "font_set": "BRANDING", "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 }, "text_transform": "uppercase" } }, "h2": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 50 }, "color": "#222222", "font": "MADE SAONARA", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": "https://nadiachapman.com/hubfs/marketer_assets/fonts/MADE_SAONARA/Regular-1718906768970.svg", "files": [ { "file": "https://nadiachapman.com/hubfs/made_saonara-webfont.woff", "fileId": 170882124394, "format": "woff", "id": 15067286 } ] }, "fallback": null, "fontId": 15046076 } } }, "h3": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "value": 41, "units": "px" }, "color": "#222222", "font": "BallPen", "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "fallback": null, "fontId": 15046080 } } }, "h4": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "value": 17, "units": "px" }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase" } }, "h5": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "600", "size": { "units": "px", "value": 21 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" } } }, "h6": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "300italic", "size": { "units": "px", "value": 16 }, "color": "#222222", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "capitalize" } }, "blockquote": { "props": { "font_style": { "font_set": "BRANDING", "variant": "Regular", "size": { "units": "px", "value": 24 }, "styles": { "name": "Regular", "style": "{\"font-weight\":400}", "svgUrl": null, "files": [ { "file": "https://nadiachapman.com/hubfs/Ballpen.otf", "fileId": 170888461186, "format": "opentype", "id": 15067299 }, { "file": "https://nadiachapman.com/hubfs/Ballpen.ttf", "fileId": 170888128353, "format": "truetype", "id": 15067300 }, { "file": "https://nadiachapman.com/hubfs/Ballpen%20Swash.otf", "fileId": 170887385984, "format": "opentype", "id": 15067301 } ] }, "color": "#a68d78", "font": "BallPen", "fallback": null, "fontId": 15046080 } } }, "p": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "300", "size": { "units": "px", "value": 18 }, "color": "#666666", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "line_height": 2.5 } }, "header_nav": { "props": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 18 }, "font": "Montserrat", "styles": {}, "variant": "regular", "fallback": "sans-serif" }, "letter_spacing": 1 } }, "li": { "props": { "font_style": { "font_set": "GOOGLE", "variant": "regular", "size": { "units": "px", "value": 16 }, "color": "#4d4337", "font": "Montserrat", "styles": {}, "fallback": "sans-serif" }, "text_transform": "uppercase", "line_height": 1.5 } }, "footer_nav": { "props": { "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 16 }, "font": "Montserrat", "styles": {}, "variant": "300", "fallback": "sans-serif" } } } } }, { "label": "/// UI Elements", "name": "ui_bits", "type": "group", "children": [ { "label": "Icon Style", "name": "icons", "type": "group", "help_text": "This will set the global style for all the icons within the body of your page. In most cases, you'll also have custom control of these in each custom module.", "children": [ { "label": "Icon Color", "name": "icon_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#D1BAA6", "opacity": 100 } }, { "label": "Icon Size", "name": "icon_size", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 42 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "icon_color": { "color": "#D1BAA6", "opacity": 100 } } }, { "label": "Accent Line", "name": "divider", "type": "group", "help_text": "This will give you the ability to set the global style. You'll also have custom control of the color in each module.", "children": [ { "label": "Line Color", "name": "line_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#A68D78", "opacity": 100 } }, { "label": "Line Width", "name": "line_width", "type": "number", "help_text": "This will control how long the line is.", "display": "slider", "max": 300, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 50 }, { "label": "Line Thickness", "name": "thickness", "type": "number", "help_text": "This will control how thick the line is.", "display": "slider", "max": 20, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 2 }, { "label": "Space Below (margin-bottom)", "name": "margin_bottom", "type": "number", "help_text": "This will let you control how much space there is between the line and the content below.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 50 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "line_color": { "color": "#A68D78", "opacity": 100 } } }, { "label": "Pulsing Circle Color", "name": "pulse_color", "type": "color", "help_text": "This is an advanced feature. Check the Happy Center for directions on how to use this.", "display_width": null, "locked": false, "required": false, "default": { "color": "#A68D78", "opacity": 100 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "pulse_color": { "color": "#A68D78", "opacity": 100 }, "divider": { "line_color": { "color": "#A68D78", "opacity": 100 } }, "icons": { "icon_color": { "color": "#D1BAA6", "opacity": 100 } } } }, { "label": "/// Call To Actions", "name": "cta_styles", "type": "group", "children": [ { "label": "CTA Primary (cta-primary)", "name": "cta_primary", "type": "group", "help_text": "When creating your CTAs in HubSpot you will want to use the CSS class of cta-primary to use this style. Check out the CLEAN docs for more info.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "help_text": "The primary CTA should have the most visual weight of all the buttons on the page. Make this sucker POP!", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "cta_primary.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#D1BAA6", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#E0D6C8", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover & Focus State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover & Focus State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover & Focus State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "cta_primary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "variant": "600", "color": "#ffffff", "font": "Montserrat" } }, { "label": "Font Color - Hover & Focus State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "cta_primary.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "cta_primary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "cta_primary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "cta_primary.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "bg_color": { "color": "#D1BAA6", "opacity": 100 }, "bg_color_hover": { "color": "#E0D6C8", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "variant": "600", "color": "#ffffff", "font": "Montserrat" } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "bg_color": { "color": "#D1BAA6", "opacity": 100 }, "bg_color_hover": { "color": "#E0D6C8", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "variant": "600", "color": "#ffffff", "font": "Montserrat" } } } }, { "label": "CTA Secondary (cta-secondary)", "name": "cta_secondary", "type": "group", "help_text": "When creating your CTAs in HubSpot you will want to use the CSS class of cta-secondary to use this style. Check out the CLEAN docs for more info.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "help_text": "The secondary CTA should have the second most visual weight of all the buttons on the page. Make this sucker POP!", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "cta_secondary.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#A68D78", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#D1BAA6", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover & Focus State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover & Focus State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover & Focus State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover & Focus State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "cta_secondary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none", "font-weight": "bold" }, "variant": "500", "color": "#ffffff", "font": "Montserrat" } }, { "label": "Font Color - Hover & Focus State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "cta_secondary.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "cta_secondary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "cta_secondary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "cta_secondary.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "bg_color": { "color": "#A68D78", "opacity": 100 }, "bg_color_hover": { "color": "#D1BAA6", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none", "font-weight": "bold" }, "variant": "500", "color": "#ffffff", "font": "Montserrat" } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "props": { "bg_color": { "color": "#A68D78", "opacity": 100 }, "bg_color_hover": { "color": "#D1BAA6", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none", "font-weight": "bold" }, "variant": "500", "color": "#ffffff", "font": "Montserrat" } } } }, { "label": "CTA Tertiary (cta-tertiary)", "name": "cta_tertiary", "type": "group", "help_text": "When creating your CTAs in HubSpot you will want to use the CSS class of cta-tertiary to use this style. Check out the CLEAN docs for more info.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "help_text": "The tertiary CTA should have the second most visual weight of all the buttons on the page. Make this sucker POP!", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "cta_tertiary.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#eeeeee", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "cta_tertiary.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none" }, "color": "#000000", "variant": 800 } }, { "label": "Font Color - Hover State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "cta_tertiary.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "cta_tertiary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "cta_tertiary.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "cta_tertiary.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "CTA Four (cta-four)", "name": "cta_four", "type": "group", "help_text": "When creating your CTAs in HubSpot you will want to use the CSS class of cta-four to use this style. Check out the CLEAN docs for more info.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "help_text": "For additional CTAs that don't need primary weight", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "cta_four.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#f06f4f", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "cta_four.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none" }, "color": "#000000", "variant": 800 } }, { "label": "Font Color - Hover State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "cta_four.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "cta_four.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "cta_four.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "cta_four.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "CTA Five (cta-five)", "name": "cta_five", "type": "group", "help_text": "When creating your CTAs in HubSpot you will want to use the CSS class of cta-five to use this style. Check out the CLEAN docs for more info.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "help_text": "For additional CTAs that don't need primary weight", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "cta_five.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#f06f4f", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "cta_five.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none" }, "color": "#000000", "variant": 800 } }, { "label": "Font Color - Hover State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "cta_five.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "cta_five.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "cta_five.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "cta_five.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "cta_primary": { "props": { "bg_color": { "color": "#D1BAA6", "opacity": 100 }, "bg_color_hover": { "color": "#E0D6C8", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "variant": "600", "color": "#ffffff", "font": "Montserrat" } } }, "cta_secondary": { "props": { "bg_color": { "color": "#A68D78", "opacity": 100 }, "bg_color_hover": { "color": "#D1BAA6", "opacity": 100 }, "font_style": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none", "font-weight": "bold" }, "variant": "500", "color": "#ffffff", "font": "Montserrat" } } } } }, { "label": "/// Forms", "name": "form_styles", "type": "group", "children": [ { "label": "Submit Form Button", "name": "form_submit", "type": "group", "help_text": "This will let you style the default form submit button.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "form_submit.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#f06f4f", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Outline Color - Hover State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none" }, "variant": 800, "color": "#ffffff" } }, { "label": "Font Color - Hover State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "form_submit.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "form_submit.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "form_submit.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "form_submit.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Submit Form Button - Alt Version", "name": "form_submit_alt", "type": "group", "help_text": "When adding a form through one of the CLEAN modules, you'll have the option to use this alternative but style.", "children": [ { "label": "Button Style", "name": "props", "type": "group", "children": [ { "label": "Button Background Type", "name": "bg_type", "id": "form_submit_alt.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "transparent", "Transparent with Outline" ] ], "preset": null, "required": true, "default": "transparent" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "form_submit.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover State", "name": "bg_color_hover", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#f06f4f", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Gradient Color 1 - Hover State", "name": "bg_gradient_1_hover", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2 - Hover State", "name": "bg_gradient_2_hover", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle - Hover State", "name": "bg_gradient_angle_hover", "type": "choice", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Outline Color", "name": "bg_outline_color", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Outline Color - Hover State", "name": "bg_outline_color_hover", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.primary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Background Color - Hover & Focus State", "name": "bg_color_for_outline_hover", "type": "color", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 0 } }, { "label": "Outline thickness", "name": "outline_weight", "type": "number", "visibility": { "controlling_field": "form_submit_alt.bg_type", "controlling_value_regex": "transparent", "operator": "EQUAL" }, "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1 }, { "label": "Font Style", "name": "font_style", "type": "font", "visibility": { "hidden_subfields": { "styles": false } }, "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "font_set": "GOOGLE", "size": { "units": "px", "value": 13 }, "styles": { "text-decoration": "none" }, "variant": 800, "color": "#ffffff" } }, { "label": "Font Color - Hover State", "name": "font_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter. It's set in pixels so please use sparingly otherwise things will start looking goofy.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Rounded Corners", "name": "corners", "type": "number", "help_text": "This will let you control the shape of the button. 0 will give you a square button where something closer to 50 will give you a pill shape.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Padding (Top / Bottom)", "name": "p_top_btm", "type": "number", "help_text": "This setting will make the button taller or shorter.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Padding (Left / Right)", "name": "p_left_right", "type": "number", "help_text": "This setting will make the button wider or more narrow.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Add Subtle Drop Shadow", "name": "add_dropshadow", "id": "form_submit_alt.drop_shadow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Drop Shadow Color", "name": "drop_shadow_color", "type": "color", "visibility": { "controlling_field": "form_submit_alt.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Drop Shadow Size", "name": "drop_shadow_size", "type": "number", "visibility": { "controlling_field": "form_submit_alt.drop_shadow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 20 }, { "label": "Expand on Hover", "name": "add_expand_on_hover", "id": "form_submit_alt.expand_on_hover", "type": "boolean", "help_text": "By turning this on the button will subtly grow larger when someone hovers over it.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Input Field", "name": "form_input", "type": "group", "help_text": "This will help you set the look and feel of each text input field.", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Background Color", "name": "bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Border Color", "name": "border_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#cccccc", "opacity": 100 } }, { "label": "Border Color on Focus", "name": "border_color_focus", "type": "color", "help_text": "When someone clicks into the input field the border will be highlighted.", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#cccccc", "opacity": 100 } }, { "label": "Corner Shape", "name": "border_radius", "type": "number", "help_text": "For a square set this to 0. You will get more of a pill shape the closer you get to 50.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 3 }, { "label": "Border Size", "name": "border_size", "type": "number", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 1 }, { "label": "Input Field Height (Padding top/bottom)", "name": "p_top_btm", "type": "number", "help_text": "This will let you set the spacing above and below the text inside the field which will basically give you control of the height.", "display": "slider", "max": 30, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 12 }, { "label": "Font Style", "name": "font_style", "type": "font", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "color": "#444444", "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 16 } } }, { "label": "Placeholder Text Color", "name": "ph_color", "type": "color", "help_text": "If you have placeholder text in your form elements, this will control the color. Typically, you want this to be a subtle color shade.", "display_width": null, "locked": false, "required": false, "default": { "color": "#cccccc", "opacity": 100 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Labels", "name": "form_label", "type": "group", "help_text": "This is the text that sits above each form element.", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Font Styles", "name": "font_style", "type": "font", "help_text": "This will set the global styles. In some cases these label will adjust to the custom text color you are able to set in each custom module.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "color": "#444444", "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 13 } } }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 1 }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Checkboxes & Radio Buttons", "name": "checkboxes", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Option Label", "name": "opt_label", "type": "font", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 13 } } }, { "label": "Line Height", "name": "line_height", "type": "number", "help_text": "This will control the space between each line.", "display": "number", "display_width": null, "locked": false, "step": 1, "required": false, "default": 1.2 }, { "label": "Letter Spacing", "name": "letter_spacing", "type": "number", "help_text": "This will control the space between each letter.", "display": "slider", "max": 10, "display_width": null, "locked": false, "step": 1, "min": -10, "required": false, "default": 0 }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Help Text", "name": "form_help_text", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Font Style", "name": "font_style", "type": "font", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "color": "#999999", "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 12 } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "GDPR Text", "name": "form_gdpr_text", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Font Style", "name": "font_style", "type": "font", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "color": "#999999", "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 12 } } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Error Messages", "name": "error_msg", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Font Style", "name": "font_style", "type": "font", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "font": "theme.global_brand.default_body_font.font" } }, "default": { "color": "#da0101", "font": "Inter Tight", "font_set": "GOOGLE", "size": { "units": "px", "value": 13 } } }, { "label": "Font Case", "name": "text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "Border Color", "name": "border_color", "type": "color", "help_text": "This will add an alert color around the error message and the input field to let the person know which field needs their attention.", "display_width": null, "locked": false, "required": false, "default": { "color": "#da0101", "opacity": 100 } }, { "label": "Error Message Padding", "name": "padding", "type": "number", "help_text": "This allows you to control the space around error message.", "display": "slider", "max": 50, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 10 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Spacing", "name": "spacing", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "children": [ { "label": "Margin Bottom", "name": "margin_bottom", "type": "number", "help_text": "This allows you to set the space between each fieldset.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 0, "required": true, "default": 10 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "/// Modal Pop-up", "name": "modal_styles", "type": "group", "children": [ { "label": "Style Options", "name": "props", "type": "group", "help_text": "This will let you control the style of the modal pop-up window.", "children": [ { "label": "Modal Background Color", "name": "modal_bg_color", "type": "color", "help_text": "This lets you set the background color of the modals content area.", "display_width": null, "locked": false, "required": false, "default": { "color": "#f9f9f9", "opacity": 100 } }, { "label": "Overlay Background Color", "name": "overlay_bg_color", "type": "color", "help_text": "This lets you set the color of the overlay that covers the webpages content.", "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 80 } }, { "label": "Modal Max Width", "name": "max_width", "type": "number", "display": "slider", "max": 1200, "display_width": null, "locked": false, "step": 1, "min": 250, "required": false, "default": 800 }, { "label": "Modal Corners", "name": "border_radius", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 5 }, { "label": "Padding Top", "name": "p_top", "type": "number", "help_text": "This will let you set the space above the content.", "display": "slider", "max": 200, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 }, { "label": "Padding Bottom", "name": "p_bottom", "type": "number", "help_text": "This will let you set the space below the content.", "display": "slider", "max": 200, "display_width": null, "locked": false, "step": 1, "min": 0, "required": false, "default": 25 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "/// Layout", "name": "layout", "type": "group", "children": [ { "label": "Style Options", "name": "style_opts", "type": "group", "children": [ { "label": "Standard Content Width", "name": "standard_width", "type": "number", "help_text": "This lets you control the standard content width of the page. In each CLEAN Row module you'll have an option to select between full, standard, slim and custom width.", "display": "slider", "max": 1600, "display_width": null, "locked": false, "step": 10, "min": 700, "required": false, "default": 1440 }, { "label": "Slim Content Width", "name": "slim_width", "type": "number", "help_text": "This lets you control the slim content width of the page. In each CLEAN Row module you'll have an option to select between full, standard, slim and custom width.", "display": "slider", "max": 1000, "display_width": null, "locked": false, "step": 10, "min": 300, "required": false, "default": 880 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "/// Blog", "name": "blog", "type": "group", "children": [ { "label": "Listing Page", "name": "listing_page", "type": "group", "inline_help_text": "IMPORTANT: If you're using the all-new Drag-n-Drop Blog Listing template, please use the style elements in the modules there.", "children": [ { "label": "Use Sticky Nav Style", "name": "use_sticky_nav", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false }, { "label": "Blog Header", "name": "header", "type": "group", "children": [ { "label": "Header Background Type", "name": "bg_type", "id": "blog_header.bg_type", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "color", "Solid Color" ], [ "gradient", "Gradient" ], [ "image", "Image" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Background Color", "name": "bg_color", "type": "color", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#444", "opacity": 100 } }, { "label": "Gradient Color 1", "name": "bg_gradient_1", "type": "color", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Color 2", "name": "bg_gradient_2", "type": "color", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.tertiary_color.color" } }, "default": { "color": "#333", "opacity": 100 } }, { "label": "Gradient Angle", "name": "bg_gradient_angle", "type": "choice", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": false, "default": "45deg" }, { "label": "Background Image", "name": "bg_img", "type": "image", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "image", "operator": "EQUAL" }, "display_width": null, "locked": false, "resizable": false, "responsive": true, "show_loading": false, "required": false, "default": { "size_type": "auto", "src": "", "alt": null } }, { "label": "Background Image Position", "name": "bg_img_pos", "type": "choice", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "image", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left top", "Left Top" ], [ "left center", "Left Center" ], [ "left bottom", "Left Bottom" ], [ "right top", "Right Top" ], [ "right center", "Right Center" ], [ "right bottom", "Right Bottom" ], [ "center top", "Center Top" ], [ "center center", "Center Center" ], [ "center bottom", "Center Bottom" ] ], "preset": null, "required": false, "default": "center center" }, { "label": "Background Image Size", "name": "bg_img_size", "type": "choice", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "image", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "cover", "Cover" ], [ "contain", "Contain" ], [ "initial", "Initial" ] ], "preset": null, "required": false, "default": "cover" }, { "label": "Hide Subscribe Form", "name": "subscribe_form_hide", "id": "subscribe_form_hide", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": true, "default": false }, { "label": "Background Image Overlay", "name": "bg_img_overlay", "id": "blog_header.bg_img_overlay", "type": "choice", "visibility": { "controlling_field": "blog_header.bg_type", "controlling_value_regex": "image", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "None" ], [ "color", "Color" ], [ "gradient", "Gradient" ] ], "preset": null, "required": true, "default": "color" }, { "label": "Filter by Tag (Dark mode)", "name": "filter_drop_dark", "id": "filter_drop_dark", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": true, "default": true }, { "label": "Overlay Color", "name": "overlay_color", "type": "color", "visibility": { "controlling_field": "blog_header.bg_img_overlay", "controlling_value_regex": "color", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 50 } }, { "label": "Gradient Color 1", "name": "overlay_gradient_1", "type": "color", "visibility": { "controlling_field": "blog_header.bg_img_overlay", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 50 } }, { "label": "Gradient Color 2", "name": "overlay_gradient_2", "type": "color", "visibility": { "controlling_field": "blog_header.bg_img_overlay", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000", "opacity": 0 } }, { "label": "Gradient Angle", "name": "overlay_gradient_angle", "type": "choice", "visibility": { "controlling_field": "blog_header.bg_img_overlay", "controlling_value_regex": "gradient", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "left", "Horizontal →" ], [ "top", "Vertical ↓" ], [ "-45deg", "Diagonal ↘" ], [ "45deg", "Diagonal ↗" ], [ "center", "Radial ○" ] ], "preset": null, "required": true, "default": "45deg" }, { "label": "Main Blog Title Size", "name": "blog_title_size", "type": "number", "help_text": "This will let you set the size of the font for the main title of your blog on the listing page.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 62 }, { "label": "Main Blog Title Size (Mobile)", "name": "blog_title_size_mobile", "type": "number", "help_text": "This will let you set the size of the font for the main title of your blog on the listing page for mobile browsers.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 38 }, { "label": "Blog Title Color", "name": "blog_title_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Form Text Color", "name": "form_text_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Show blog description:", "name": "show_blog_desc", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Show Tag Filter Dropdown:", "name": "show_tag_filter_drop", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Spacing Top - Desktop", "name": "padding_top_desktop", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" }, { "label": "Spacing Bottom - Desktop", "name": "padding_btm_desktop", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "150px" }, { "label": "Spacing Top - Tablet", "name": "padding_top_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" }, { "label": "Spacing Bottom - Tablet", "name": "padding_btm_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "150px" }, { "label": "Spacing Top - Mobile", "name": "padding_top_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" }, { "label": "Spacing Bottom - Mobile", "name": "padding_btm_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Blog Post Grid", "name": "blog_body", "type": "group", "children": [ { "label": "Body Background Color", "name": "bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Post Card Background Color", "name": "card_bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Pull Up Feature Card", "name": "feat_card_pull_up", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Outer Glow", "name": "outer_glow", "id": "post_card.outer_glow", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Outer Glow Color", "name": "card_glow_color", "type": "color", "visibility": { "controlling_field": "post_card.outer_glow", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#000000", "opacity": 10 } }, { "label": "Post Card Title Color", "name": "card_title_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color" } }, "default": { "color": "#444444", "opacity": 100 } }, { "label": "Post Card Title Color Hover", "name": "card_title_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#444444", "opacity": 100 } }, { "label": "Post Card Text Color", "name": "card_text_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color" } }, "default": { "color": "#555555", "opacity": 100 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Post Page", "name": "post_page", "type": "group", "children": [ { "label": "Use Sticky Nav Style", "name": "use_sticky_nav", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Display Recent Posts", "name": "show_related_posts", "type": "boolean", "inline_help_text": "Shows the most recent posts at the base of the page.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false }, { "label": "Display Related Posts", "name": "show_real_related_posts", "type": "boolean", "inline_help_text": "Shows the related posts to the current blog post based on tags.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Page Background Color", "name": "bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.blog.listing_page.blog_body.bg_color.color" } }, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Post Header", "name": "header", "type": "group", "children": [ { "label": "Show Featured Image", "name": "post_feat_img", "id": "post_head.feat_img", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Column Arrangement", "name": "col_arrangement", "id": "post_head.feat_position", "type": "choice", "inline_help_text": "Sets how you'd like the feature image displayed", "visibility": { "controlling_field": "post_head.feat_img", "controlling_value_regex": "true", "operator": "EQUAL" }, "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "opt1", "6 | 6" ], [ "opt2", "4 | 8" ], [ "opt3", "8 | 4" ], [ "opt4", "5 | 7" ], [ "opt5", "7 | 5" ], [ "opt6", "9 | 3" ], [ "opt7", "Image below title" ], [ "opt8", "Image in background" ] ], "preset": null, "required": false, "default": "opt5" }, { "label": "Overlay Color", "name": "overlay_color", "type": "color", "inline_help_text": "Set a color over the featured image to make the text pop.", "visibility": { "controlling_field": "post_head.feat_position", "controlling_value_regex": "opt8", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 40 } }, { "label": "Background Color", "name": "bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.blog.listing_page.blog_body.bg_color.color" } }, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "H1 - Post Title", "name": "h1_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 62 }, "variant": "700", "font_set": "GOOGLE" } }, { "label": "H1 Font Case", "name": "h1_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "Normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "H1 - Post Title Size (Mobile)", "name": "post_title_size_mobile", "type": "number", "help_text": "This will let you set the size of the font for the post title of your blog on the post page for mobile browsers.", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 38 }, { "label": "Show Read Time", "name": "read_time", "id": "post_meta.read_time", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Read Time Color", "name": "read_time_color", "type": "color", "visibility": { "controlling_field": "post_meta.read_time", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color" } }, "default": { "color": "#555555", "opacity": 100 } }, { "label": "Show Author", "name": "author", "id": "post_meta.author", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Author Color", "name": "author_color", "type": "color", "visibility": { "controlling_field": "post_meta.author", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color" } }, "default": { "color": "#555555", "opacity": 100 } }, { "label": "Show Publish Date", "name": "pub_date", "id": "post_meta.pub_date", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Date Color", "name": "pub_date_color", "type": "color", "visibility": { "controlling_field": "post_meta.pub_date", "controlling_value_regex": "true", "operator": "EQUAL" }, "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color" } }, "default": { "color": "#555555", "opacity": 100 } }, { "label": "Tag Background Color", "name": "tag_bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#eeeeee", "opacity": 100 } }, { "label": "Tag Background Color (Hover)", "name": "tag_bg_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.secondary_color.color" } }, "default": { "color": "#999999", "opacity": 100 } }, { "label": "Tag Text Color", "name": "tag_text_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Tag Text Color (Hover)", "name": "tag_text_color_hover", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "///// Spacing Options", "name": "adv_settings", "type": "group", "children": [ { "label": "Padding Top (Desktop):", "name": "padding_top", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": false, "default": "100px" }, { "label": "Padding Bottom (Desktop):", "name": "padding_bottom", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": false, "default": "50px" }, { "label": "Padding Top (Tablet):", "name": "padding_top_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ] ], "preset": null, "required": false, "default": "100px" }, { "label": "Padding Bottom (Tablet):", "name": "padding_bottom_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ] ], "preset": null, "required": false, "default": "50px" }, { "label": "Padding Top (Mobile):", "name": "padding_top_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ] ], "preset": null, "required": false, "default": "100px" }, { "label": "Padding Bottom (Mobile):", "name": "padding_bottom_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "0px", "None" ], [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ] ], "preset": null, "required": false, "default": "50px" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false, "default": { "padding_top": "100px", "padding_bottom": "100px", "padding_top_tablet": "100px", "padding_bottom_tablet": "100px", "padding_top_mobile": "50px", "padding_bottom_mobile": "50px" } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Post Content", "name": "content_area", "type": "group", "children": [ { "label": "Add Sidebar", "name": "add_sidebar", "id": "post.add_sidebar", "type": "boolean", "inline_help_text": "Edit the sidebar options in the Blog Post Editor.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false }, { "label": "Add Table of Contents", "name": "add_table_of_contents", "id": "post.add_table_of_contents", "type": "boolean", "inline_help_text": "Edit the Table of Content for each blog post in the Blog Post Editor.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false }, { "label": "Show Social Share Buttons", "name": "post_social", "id": "post.add_social", "type": "boolean", "inline_help_text": "Be sure this is also enabled in your Content Settings.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Show Comments", "name": "post_comments", "id": "post.add_comments", "type": "boolean", "inline_help_text": "Be sure this is also enabled in your Content Settings.", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Content Width", "name": "post_width", "type": "number", "help_text": "", "display": "slider", "max": 1600, "display_width": null, "locked": false, "step": 10, "min": 8, "required": false, "default": 1000 }, { "label": "Typography", "name": "typography", "type": "group", "children": [ { "label": "///// H2", "name": "h2_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 50 }, "variant": "700", "font_set": "GOOGLE" } }, { "label": "H2 Font Case", "name": "h2_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "H2 Size (Mobile)", "name": "h2_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 32 }, { "label": "///// H3", "name": "h3_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 37 }, "variant": "700", "font_set": "GOOGLE" } }, { "label": "H3 Font Case", "name": "h3_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "H3 Size (Mobile)", "name": "h3_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 28 }, { "label": "///// H4", "name": "h4_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 28 }, "variant": "500", "font_set": "GOOGLE" } }, { "label": "H4 Font Case", "name": "h4_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "H4 Size (Mobile)", "name": "h4_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 24 }, { "label": "///// H5", "name": "h5_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 21 }, "variant": "700", "font_set": "GOOGLE" } }, { "label": "H5 Font Case", "name": "h5_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "none" }, { "label": "H5 Size (Mobile)", "name": "h5_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 18 }, { "label": "///// H6", "name": "h6_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color", "font": "theme.global_brand.default_heading_font.font" } }, "default": { "size": { "units": "px", "value": 16 }, "variant": "700", "font_set": "GOOGLE" } }, { "label": "H6 Font Case", "name": "h6_post_text_transform", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "none", "normal" ], [ "uppercase", "uppercase" ], [ "lowercase", "lowercase" ], [ "capitalize", "capitalize" ] ], "preset": null, "required": false, "default": "uppercase" }, { "label": "H6 Size (Mobile)", "name": "h6_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 16 }, { "label": "///// Paragraph", "name": "p_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "size": { "units": "px", "value": 18 }, "variant": "regular", "font_set": "GOOGLE" } }, { "label": "Paragraph Line Height", "name": "p_line_height", "type": "number", "inline_help_text": "Best to stay between 1.3 and 1.8", "display": "text", "max": 2, "display_width": null, "locked": false, "step": 1, "min": 1, "required": false, "default": 1.5 }, { "label": "Paragraph Size (Mobile)", "name": "p_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 18 }, { "label": "///// List", "name": "li_post", "type": "font", "inline_help_text": "Sets the font specific to the blog post page.", "display_width": null, "load_external_fonts": true, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_body_font.color", "font": "theme.global_brand.default_body_font.font" } }, "default": { "size": { "units": "px", "value": 18 }, "variant": "regular", "font_set": "GOOGLE" } }, { "label": "List Size (Mobile)", "name": "li_size_mobile", "type": "number", "display": "slider", "max": 100, "display_width": null, "locked": false, "step": 1, "min": 8, "required": false, "default": 18 } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "/// System Pages", "name": "system_pages", "type": "group", "children": [ { "label": "Error Pages", "name": "error", "type": "group", "children": [ { "label": "Use Sticky Nav Style", "name": "use_sticky_nav", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Background Color", "name": "bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Text Color", "name": "text_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color" } }, "default": { "color": "#555555", "opacity": 100 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Subscription Prefs & Password", "name": "sub_prefs", "type": "group", "children": [ { "label": "Use Sticky Nav Style", "name": "use_sticky_nav", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": false }, { "label": "Header Background Image", "name": "bg_img", "type": "image", "display_width": null, "locked": false, "resizable": false, "responsive": true, "show_loading": false, "required": false, "default": { "size_type": "auto", "src": "https://cdn2.hubspot.net/hubfs/507386/CLEAN-images/heros/sub-prefs-bg.jpg", "alt": null } }, { "label": "Header Text Color", "name": "header_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Body Background Color", "name": "content_bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Body Text Color", "name": "content_text_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color" } }, "default": { "color": "#444444", "opacity": 100 } } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false }, { "label": "Search Results", "name": "search_results", "type": "group", "children": [ { "label": "Use Sticky Nav Style", "name": "use_sticky_nav", "type": "boolean", "display": "checkbox", "display_width": null, "locked": false, "required": false, "default": true }, { "label": "Header Background Color", "name": "header_bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#f2f5f8", "opacity": 100 } }, { "label": "Header Text Color", "name": "header_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color" } }, "default": { "color": "#444444", "opacity": 100 } }, { "label": "Body Background Color", "name": "content_bg_color", "type": "color", "display_width": null, "locked": false, "required": false, "default": { "color": "#ffffff", "opacity": 100 } }, { "label": "Body Text Color", "name": "content_text_color", "type": "color", "display_width": null, "locked": false, "required": false, "inherited_value": { "property_value_paths": { "color": "theme.global_brand.default_heading_font.color" } }, "default": { "color": "#444444", "opacity": 100 } }, { "label": "Spacing Top - Desktop", "name": "padding_top_desktop", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "150px" }, { "label": "Spacing Bottom - Desktop", "name": "padding_btm_desktop", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "50px" }, { "label": "Spacing Top - Tablet", "name": "padding_top_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" }, { "label": "Spacing Bottom - Tablet", "name": "padding_btm_tablet", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "50px" }, { "label": "Spacing Top - Mobile", "name": "padding_top_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "100px" }, { "label": "Spacing Bottom - Mobile", "name": "padding_btm_mobile", "type": "choice", "display": "select", "reordering_enabled": true, "display_width": null, "locked": false, "multiple": false, "choices": [ [ "10px", "XX-Small" ], [ "25px", "X-Small" ], [ "50px", "Small" ], [ "100px", "Medium" ], [ "150px", "Large" ], [ "200px", "XL" ], [ "350px", "XXL" ], [ "500px", "XXXL" ] ], "preset": null, "required": true, "default": "50px" } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ], "display_width": null, "locked": false, "group_occurrence_meta": null, "tab": "CONTENT", "expanded": false, "required": false } ]