[ { "label": "Global colors", "name": "global_colors", "type": "group", "children": [ { "label": "Primary color", "name": "primary_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#198FDE" } }, { "label": "Secondary color", "name": "secondary_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#EEBC46" } }, { "label": "Text color", "name": "text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#000000" } } ] }, { "label": "Global fonts", "name": "global_fonts", "type": "group", "children": [ { "label": "Primary font", "name": "primary_font", "type": "font", "visibility": { "hidden_subfields": { "size": true, "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_colors.text_color.color" } }, "default": { "font": "Inter", "font_set": "GOOGLE" } }, { "label": "Secondary font", "name": "secondary_font", "type": "font", "visibility": { "hidden_subfields": { "size": true, "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_colors.text_color.color" } }, "default": { "font": "Rubik", "font_set": "GOOGLE" } } ] }, { "label": "Website header", "name": "header", "type": "group", "children": [ { "name": "type", "label": "Navbar module variant", "required": true, "locked": false, "display": "select", "choices": [ ["simple", "Simple"], ["mega_menu", "Mega Menu"] ], "type": "choice", "default": "simple" }, { "label": "Background color", "name": "background_color", "type": "color", "default": { "color": "#FFFFFF", "opacity": 100 } }, { "label": "Menu link font", "name": "menu_link_font", "type": "font", "visibility": { "hidden_subfields": { "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color", "font": "theme.global_fonts.primary_font.font", "font_set": "theme.global_fonts.primary_font.font_set" } }, "default": { "size": 12, "size_unit": "px" } }, { "name": "height", "label": "Navbar height", "display": "text", "min": 0, "step": 1, "type": "number", "default": 82 } ] }, { "label": "Typography", "name": "typography", "type": "group", "children": [ { "label": "Body text", "name": "body_text", "type": "font", "visibility": { "hidden_subfields": { "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color", "font": "theme.global_fonts.primary_font.font", "font_set": "theme.global_fonts.primary_font.font_set" } }, "default": { "size": 16, "size_unit": "px" } }, { "name": "body_line_height", "label": "Body line height", "display": "text", "min": 0, "step": 0.1, "type": "number", "default": 1.375 }, { "label": "Preheader", "name": "preheader", "type": "font", "visibility": { "hidden_subfields": { "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_colors.primary_color.color", "font": "theme.global_fonts.primary_font.font", "font_set": "theme.global_fonts.primary_font.font_set" } }, "default": { "size": 14, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading one (H1)", "name": "heading_one", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 40, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading two (H2)", "name": "heading_two", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 32, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading three (H3)", "name": "heading_three", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 24, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading four (H4)", "name": "heading_four", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 18, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Heading five (H5)", "name": "heading_five", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "color": "#000000", "size": 14, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Heading six (H6)", "name": "heading_six", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 12, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Link color", "name": "link_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#0270e0" } }, { "type": "boolean", "id": "42427cc0-caa8-e333-eac0-0d0df90d1e17", "default": false, "display": "checkbox", "label": "Enable Responsive Typography", "name": "if_mobile_typography", "help_text": "This checkbox will enable specific typographies for the mobile view (for viewports with less than 767px)" }, { "label": "Responsive Typography", "name": "mobile_typography", "type": "group", "visibility": { "operator": "EQUAL", "controlling_field": "42427cc0-caa8-e333-eac0-0d0df90d1e17", "controlling_value_regex": "true" }, "children": [ { "label": "Body text", "name": "body_text", "type": "font", "visibility": { "hidden_subfields": { "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color", "font": "theme.global_fonts.primary_font.font", "font_set": "theme.global_fonts.primary_font.font_set" } }, "default": { "size": 16, "size_unit": "px" } }, { "name": "body_line_height", "label": "Body line height", "display": "text", "min": 0, "step": 0.1, "type": "number", "default": 1.375 }, { "label": "Preheader", "name": "preheader", "type": "font", "visibility": { "hidden_subfields": { "styles": true } }, "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_colors.primary_color.color", "font": "theme.global_fonts.primary_font.font", "font_set": "theme.global_fonts.primary_font.font_set" } }, "default": { "size": 14, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading one (H1)", "name": "heading_one", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 40, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading two (H2)", "name": "heading_two", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 32, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading three (H3)", "name": "heading_three", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 24, "size_unit": "px", "styles": { "text-decoration": "none" }, "variant": "700" } }, { "label": "Heading four (H4)", "name": "heading_four", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 18, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Heading five (H5)", "name": "heading_five", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "color": "#000000", "size": 14, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Heading six (H6)", "name": "heading_six", "type": "font", "load_external_fonts": true, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color", "font": "theme.global_fonts.secondary_font.font", "font_set": "theme.global_fonts.secondary_font.font_set" } }, "default": { "size": 12, "size_unit": "px", "styles": { "text-decoration": "none" } } }, { "label": "Link color", "name": "link_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#0270e0" } } ] } ] }, { "label": "Buttons", "name": "buttons", "type": "group", "children": [ { "label": "Background color", "name": "background_color", "type": "color", "inherited_value": { "property_value_paths": { "color": "theme.global_colors.primary_color.color" } }, "default": { "opacity": 100 } }, { "label": "Text color", "name": "text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#FFFFFF" } }, { "label": "Border", "name": "border", "type": "group", "children": [ { "label": "Border color", "name": "color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "default_value_path": "theme.global_colors.primary_color" } }, { "label": "Border width", "name": "width", "type": "number", "display": "text", "max": 20, "min": 0, "default": 1 }, { "label": "Corner radius", "name": "radius", "type": "number", "display": "text", "max": 100, "min": 0, "default": 3 } ] }, { "label": "Padding", "name": "padding", "type": "group", "children": [ { "label": "Horizontal padding", "name": "horizontal", "type": "number", "display": "slider", "max": 100, "min": 0, "default": 25 }, { "label": "Vertical padding", "name": "vertical", "type": "number", "display": "slider", "max": 100, "min": 0, "default": 15 } ] }, { "label": "Hover", "name": "hover", "type": "group", "children": [ { "label": "Background color", "name": "background_color", "type": "color", "default": { "opacity": 100, "color": "#3b66c9" } }, { "label": "Text color", "name": "text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#FFFFFF" } }, { "label": "Scale", "name": "scale", "type": "number", "display": "text", "suffix": "x", "max": 100, "min": 0, "step": 0.01, "default": 1.05 } ] } ] }, { "label": "Forms", "name": "forms", "type": "group", "children": [ { "label": "Header text color", "name": "header_text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.secondary_font.color" } } }, { "label": "Label color", "name": "label_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color" } } }, { "label": "Help text color", "name": "help_text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#33475B" } }, { "label": "Field border color", "name": "field_border_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#DADADA" } }, { "label": "Field focus border color", "name": "field_focus_border_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "default_value_path": "theme.global_colors.primary_color" } } ] }, { "label": "Tables", "name": "tables", "type": "group", "children": [ { "label": "Header background color", "name": "header_background_color", "type": "color", "inherited_value": { "default_value_path": "theme.global_colors.primary_color" }, "default": { "opacity": 100 } }, { "label": "Header text color", "name": "header_text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#FFFFFF" } }, { "label": "Body background color", "name": "body_background_color", "type": "color", "default": { "color": "#FFFFFF", "opacity": 100 } }, { "label": "Body text color", "name": "body_text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color" } } }, { "label": "Footer background color", "name": "footer_background_color", "type": "color", "default": { "color": "#FFFFFF", "opacity": 100 } }, { "label": "Footer text color", "name": "footer_text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color" } } }, { "label": "Border color", "name": "border_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "inherited_value": { "property_value_paths": { "color": "theme.global_fonts.primary_font.color" } } } ] }, { "label": "Cards", "name": "cards", "type": "group", "children": [ { "label": "Background color", "name": "background", "type": "color", "default": { "color": "#FFFFFF", "opacity": 100 } }, { "label": "Border color", "name": "border_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#6492fd", "opacity": 20 } }, { "label": "Box shadow color", "name": "box_shadow", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#9aa1b1", "opacity": 20 } }, { "label": "Box shadow light color", "name": "box_shadow_light", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#9aa1b1", "opacity": 10 } }, { "label": "Border Radius", "name": "border_radius", "type": "number", "display": "slider", "max": 100, "min": 0, "default": 9 } ] }, { "label": "Spacing", "name": "spacing", "type": "group", "children": [ { "label": "Vertical spacing", "name": "vertical_spacing", "type": "number", "display": "slider", "max": 500, "min": 0, "default": 80 }, { "label": "Maximum content width", "name": "max_width", "type": "number", "display": "slider", "max": 2500, "min": 900, "default": 1240 } ] }, { "label": "Footer", "name": "footer", "type": "group", "children": [ { "name": "type", "label": "Footer module variant", "required": true, "locked": false, "display": "select", "choices": [ ["normal", "Normal"], ["simple", "Simple"] ], "type": "choice", "default": "normal" }, { "label": "Background color", "name": "background_color", "type": "color", "default": { "color": "#1E1E1E", "opacity": 100 } }, { "label": "Text color", "name": "text_color", "type": "color", "visibility": { "hidden_subfields": { "opacity": true } }, "default": { "color": "#FFFFFF", "opacity": 100 } } ] }, { "label": "Blog", "name": "blog", "type": "group", "children": [ { "name": "header_image", "label": "Header Image", "required": false, "locked": false, "responsive": true, "resizable": true, "show_loading": false, "type": "image", "default": { "size_type": "auto", "src": "https://f.hubspotusercontent30.net/hubfs/8823337/Blog-Image.svg", "alt": "Blog", "loading": "disabled" } }, { "label": "Background color", "name": "background_color", "type": "color", "default": { "color": "#F2F5FB", "opacity": 100 } }, { "name": "tag_limit", "label": "Tag limit", "required": false, "locked": false, "display": "text", "min": 0, "max": 250, "step": 1, "type": "number", "default": 250 }, { "name": "show_summary", "label": "Show summary in Blog post", "required": false, "locked": false, "type": "boolean", "display": "checkbox", "default": true } ] }, { "name": "scroll_behavior", "label": "Scroll behavior", "required": true, "locked": false, "display": "select", "choices": [ ["auto", "Auto"], ["smooth", "Smooth"] ], "type": "choice", "default": "auto" } ]