LETS GET STARTED

Theme Settings & Customization

We understand that using a new framework can be scary and you might have some anxiety about how to start!
Well, that's totally normal - we promise that you'll pick it up and find emmense value in building sites faster and to a higher quality.

The first thing you should know, is that there is no wrong way to use the product. Some projects will see you using a bunch of components, sections, styles etc - while other projects might just use fields, or a table from your Blaze library. The point is that once you have Blaze, you have a resource that can be used over and over, time and time again for simple quick utlity items, to complete product design and development.

EDIT COLORS

Theme Colors

Using the color blocks below you can rapidly alter any of the system colors with ease. Blaze uses purple as the brand color, but simply edit these swatches to match your own brands colors. This will automatically update all instances where this color is used.

When editing colors, use the global color swatches. Learn More
When you edit a global color swatch, you automatically apply the color change to all instances where the color exists. So if you update the Purple 300 to suit your brands color the color will be applied across all utility items, components, templates etc.
EDIT COLORS

Typography

One option you have when using blaze is to start building your custom project using our empty style document. Basically this document contains only class (css) styles, without all the elements that come with the core product.

This means that you can very quickly start dragging in containers, sections and other elements with the blaze styles already set up.

Editing these logos will replace all instances where the logo is used.
The logo is managed by symbols, when you change the logo below it will change across all instances where it exists. For example in the navigations, footers etc
EDIT COLORS

Containers & Layout

One option you have when using blaze is to start building your custom project using our empty style document. Basically this document contains only class (css) styles, without all the elements that come with the core product.

This means that you can very quickly start dragging in containers, sections and other elements with the blaze styles already set up.

Editing these logos will replace all instances where the logo is used.
The logo is managed by symbols, when you change the logo below it will change across all instances where it exists. For example in the navigations, footers etc