To set the colors and styles for the website, go to the "Site Settings" and click on the "Colors and Styles" tab.

To set a color globally for headings, text, links, or the page background, click on the field you need and manually select a color in one of three formats or enter a known color code directly.

To change the style of all links on the website, click on the "Additional settings" link. In the settings, specify the width and color of the underline, as well as link styles on hover.

To create your own style library for the project, click on the "Manage Styles" button.

In the style management panel, you can add color, typography style, and button. You can also download the created styles and import them into another project of yours.

To add a new style to the project, click on "Manage Styles" and select any option: Create Color Style, Create Typography Style, or Create Button Style.

If styles are already created, click on the plus icon beside the "Color", "Typography", or "Button" option to add a new one. The new style will appear beside the previous one after creating.

To edit a style, click on it.

Color. When creating a color style, specify a name and description that will then be displayed in Project Styles.

Typography. When creating a typography style, color settings for text, font size for different screen resolutions, font type, weight, and other font settings are available.

At the top of the typography style editor, a font can be previewed. To see how the font is displayed on a mobile device, select the range you need in the breakpoints settings panel.

To edit device ranges, click on the gear icon, and a menu with default devices will open.

Button. When creating a button style, you can additionally choose the display of an icon or text wrapping. You can also set typography settings, style on hover, and other basic settings.

The button style can also be previewed on different devices, and ranges can be edited.

Color. To use the created color style, click on any item where you want to specify color, and in the editor, select Project styles.

Select the style you need, and it will be automatically applied to the block. The field with the color specified will display the name of your style, as well as an icon indicating that the project's color style has been applied to the field.

Typography. To use the created typography style, in the block settings, select the "Typography" tab and click on "Styles".

In the context menu, click on the style you need, and it will be automatically applied to the block. To go to the style settings, click on Go to Styles Library.

After applying styles for typography, only those options will be displayed in the settings that have not been specified for that style. After editing these options, the changes will be applied only to the current block and will not affect the typography style set in the project.

Button. To use the created button style, in the block settings, select the "Button" tab and click on "Styles" beside the presets.

In the context menu, click on the style you need, and it will also be applied automatically.

As before, in the settings for the button, only those settings will be displayed that have not been specified in the style itself. You can edit them or keep them unchanged.

To add an icon to the button, go to the "Content" of the block.

Beside the button, a place for the icon will appear. Click on it to add an icon. A menu will open where options for icons will be available: arrows, emojis, Tilda Icons, The Noun Project, and the option to upload your own icon files.

To change the icon display on hover for the button, click on the "Add Icon on Hover" option.

Select an icon and save the changes.

To delete an icon, click on its image beside the button text. Select the "Icon" tab and click on the trash bin. Save the changes, and the icon will disappear.

To download the project style, click on the Manage Styles button and select the option you need. A file with the name of the project and .tildastyles extension will be downloaded to your device.

To upload a style, select a corresponding option in the context menu as well. New styles will be added to the styles created in the project before. The styles created in the project before will not be deleted or updated.