Styling buttons and cards.

Colours, fonts, shapes

Under “Design” you set how your brand looks. At the top you switch between “Colours”, “Fonts” and “Shapes”; next to them — on smaller screens via the “Preview” link — you see how it looks.

There’s no save button here: every change is saved on its own. The line at the top tells you where you stand — “Changes are saved automatically”, “Saving …”, “Saved.” or, if something went wrong, “Not saved” with the reason below.

An empty field isn’t a value but “no preference”: whatever you don’t set is decided by the template of each tool. “Back to template” releases a value you’ve set. This section uses no AI credit, and no AI is involved.

Buttons and cards

Under “Shapes” you define the “Buttons”: the “Shape” with one click — “Square”, “Soft”, “Rounded” or “Pill” — or precisely in the “Radius (px)” field from 0 to 40; plus the “Style” (“Filled” or “Outline”), the “Weight” of the label from “Normal” to “Bold”, and whether it’s in “Uppercase”.

For “Cards” — the boxes for services, prices, quotes and fields — you set “Radius (px)” and “Shadow”. Below each block, “Back to template” releases everything again.

Website, shop, form and WordPress take the button and card shape. The colour of the button label comes from the “Text on buttons” role under “Colours”.

1. 1Open “Design” and choose “Shapes”.
2. 2Click “Pill” under “Shape” or enter a radius.
3. 3Check in the preview how the button and card look.

The preview

“This is how it looks” shows a small page as if in a browser window: your brand name, a heading in the heading font, a paragraph with a link, a button and a card with a field — in your colours, fonts and shapes.

Every setting appears there instantly, even before it’s saved. If a colour pair is hard to read, a line above the preview says that tools which replace a colour will look different there — more under Readability.

On smaller screens the preview sits below the settings; the “Preview” link jumps down to it and “Back” takes you up again.

WordPress keeps up

If WordPress sites follow your brand, BrandStudio brings them up to date after your changes — not with every click, but once, as soon as you pause for a moment. The top line then says “Updating WordPress …” and afterwards something like “WordPress matches the brand (2 sites).” A new logo or a new font is passed on the same way.

If that fails once, your brand is still saved, and the site catches up the next time you save.

Which sites follow is up to you in WordPressBuilder, with “Apply brand” — see Where your brand shows up.