{
"colors": [
{
"id": "color_1",
"value": "rgba(11, 25, 86, 1)",
"label": "Primary"
}
],
"text": {
"default": {
"font_family": "Poppins",
"color": "var(--color_1)",
"font_weight": "400",
"font_style": null,
"text_decoration": null,
"text_direction": null,
"line_height": "1.5",
"letter_spacing": null,
"font_size": "18px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "16px"
},
"tablet": {
"font_size": "16px"
}
}
},
"paragraph": {
"font_family": "\"Work Sans\"",
"color": "rgb(11,25,86)",
"font_weight": "500",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": "1.5",
"letter_spacing": "initial",
"font_size": "18px",
"text_transform": "uppercase",
"breakpoints": {
"mobile": {
"font_size": "16px"
},
"tablet": {
"font_size": "16px"
}
}
},
"h1": {
"font_family": "'Aboreto'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "50px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "40px"
},
"tablet": {
"font_size": "50px"
}
}
},
"h2": {
"font_family": "'Aboreto'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "32px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "30px"
},
"tablet": {
"font_size": "30px"
}
}
},
"h3": {
"font_family": "'Aboreto'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "25px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "20px"
},
"tablet": {
"font_size": "25px"
}
}
},
"h4": {
"font_family": "'Aboreto'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "20px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "18px"
},
"tablet": {
"font_size": "20px"
}
}
},
"h5": {
"font_family": "'Work Sans'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "15px",
"text_transform": null,
"breakpoints": {
"mobile": {
"font_size": "15px"
},
"tablet": {
"font_size": "15px"
}
}
},
"h6": {
"font_family": "'Work Sans'",
"color": "var(--color_1)",
"font_weight": "700",
"font_style": "normal",
"text_decoration": "none",
"text_direction": null,
"line_height": null,
"letter_spacing": null,
"font_size": "14px",
"text_transform": null,
"breakpoints": {
"mobile": null,
"tablet": {
"font_size": "14px"
}
}
}
}
}Color Object
| Data | Type | Description |
|---|---|---|
| id | string | Needs to follow the pattern: "color_<number>". (color_1, color_2, etc). This property cannot be changed. |
| value | string | RGB/RGBA/HEX color value. This will be converted to RGBA by Duda. |
| label | string | 50 chars max. HTML-safe string |
Text Object
| Data | Type | Description |
|---|---|---|
| h1 | object | Name of text style |
| h2 | object | |
| h3 | object | |
| h4 | object | |
| h5 | object | |
| h6 | object | |
| paragraph | object | |
| default | object | Default text style for site |
Text Styles Object
| Data | Type | Description |
|---|---|---|
| color | string | Color of the font. |
| font_family | string | Does not accept fallback fonts. |
| font_size | string | Only accepts px. |
| font_weight | string | The thickness of the characters in the font. |
| letter_spacing | string | Horizontal spacing behavior between characters |
| line_height | string | Vertical spacing between lines of text. |
| text_decoration | string | Supports: underline |
| font_style | string | Supports: italic |
| text_direction | string | Orientation of the text characters in a line. |
| text_transform | string | Supports: uppercase |
| breakpoints | object | See breakpoints definition here. |
Breakpoints object
Specify the font size for different device types. Breakpoint overrides will only accept font_size and may only be set for mobile and tablet.
| Data | Type | Description |
|---|---|---|
| mobile | object | Takes in an object with font_size value. |
| tablet | object | Takes in an object with font_size value. |