Classes, variables and schemes
Reuse styles with classes, set site-wide values with variables, color sections with schemes, and see what a linked brand controls.
Updated November 10, 2026
Change the look of many blocks at once. Classes share a set of styles, variables share single values, and schemes share a set of colors for a section.
Create and use a class
Classes apply across the whole site.
Select a block and open Style.
Click Add class, type a name and press Enter. The first class you add takes over the block's current styles.
To reuse the class, select another block, click Add class and choose it from the list.
To edit a class, click its name above the style controls. Your changes apply to every block with that class. To change only one block, click This block and edit its own styles; these override the class.
A block can have several classes. A second class starts empty and adds to the first. Click the small X on a class to remove it from the block.
Use variables
Open Variables in the left rail. The panel shows:
Colors: your site palette and Section schemes.
Typography: the body and heading fonts and each type style.
Any collections of variables you create yourself.
To add your own:
Click + at the top of the panel.
Enter a name, choose a type (Color, Size, Number, Font, Shadow, Text or Image) and set the value.
Optionally enter a Collection name to group it, then click Save.
To use a variable, click the bind toggle on a control in the inspector and choose it. When you change the variable, every control bound to it changes.
Color a section with a scheme
A scheme is a set of colors a section paints itself in: background, text, muted text, borders and buttons. The built-in schemes are Section, Section Alt, Section Contrast, Accent, Container and Card.
Select a section or another block that supports schemes.
In Content, pick a Color Scheme.
Blocks inside the section take its colors automatically. Schemes are generated from your palette. To override one color of a scheme, open it in the Variables panel and pick a new color.
Use a brand
Link a brand in Site Settings, under Design. While a site is linked:
The brand controls the site's palette, its fixed schemes and its font families. In the site, these show as read-only with a link to the brand.
When you publish a change in Brand, every linked site updates, including its published pages. You do not need to republish them.
Your own extra schemes, type sizes and shape settings stay with the site.
If you unlink the brand, the site keeps the last colors and fonts it received. See Set up your brand.
Shared classes and site variables can carry a description of up to 500 characters. People and AI assistants both read it.
Related
Questions about building on PraismaHub? We're happy to help.
Contact us
