A component called "global" is placed at the top of every page and contains your projects custom code.

The style guide page contains all of our global classes. You can use this page to preview how each theme looks as well as share with your clients.

You can update your project colours, typography and layout values using the attributes panel. These have been organised and grouped intentionally to speed up your workflow. Please note: If you change the variable group names you may need to update the global custom code to match.

Our TE Starter Template includes a 12 column grid component to aid page design. We use custom code to hide the grid in preview and publish mode. (Credit LUMOS)

We use "Switzer" as our default font. This can be removed in the Webflow settings Fonts tab.

To avoid accidentally deleting TE classes we've hidden a list of these at the bottom of the style guide page. You can also paste these into an existing project to follow our class naming structure.