In the global typography section default stylings for font, color schemes and other website components can be set. Changes made in this area will apply to the whole website where the altered font, color or component is being used.
Typography
The typography section is where changes can be made to the font stylings of all the different text categories in the system. Paragraph text is the text that shows in paragraph boxes on the site for example or H1 - H6 text is headline text of various different sizes with H1 being the largest. Sections are also available for text link and list item text.
Clicking on one of the categories will open the customizations for that category of text on the website. There will be number of customizations you can set for font type, size, color and letter spacing. The spacing tab can also be selected to view spacing options for text under this category.
The fonts section will also allow you to enable or disable certain system fonts from displaying as options in the text editor.
Buttons
The buttons section is where you can make changes to the button stylings on the website. The button style section gives options to customize the shape, color, style, size and color of buttons across the website.
The text style options are where you can make changes to the text that displays inside buttons across the website. There are a variety of options to customize the font, size, color, style and letter spacing of this text.
Lines and Backgrounds
The lines and backgrounds section is where you can make changes to line breaks and overall site background. In the borders area you can set a default color for all borders, the lines area lets you customize thickness and color defaults for line breaks on the site and the backgrounds section lets you set a default color for row backgrounds.
Colors
The colors section is where you can make changes to the theme colors of the website. The theme colors are the colors that make up the desired color scheme on the website.
Any window that gives color options will show a theme color section that shows these website theme colors.
New theme colors can be added by clicking the add theme color button. Clicking the color on the theme color will allow you to change the color that is selected and the name of the theme color can be changed by clicking the pencil icon.
Forms
The forms section is where you can make changes to the default design options for various aspects of the website forms.
The button area gives the ability to set default stylings for the form button shape, color, style and spacing. The text style area gives options for customizing the default font, size, color and style of the text that display in form buttons.
The field area gives options for setting the default stylings for text and labels that appear on the form text fields.
