Can I change the colors and fonts of my website myself?

Where do the colors come from?

When building your website, we establish your brand identity: your colors, fonts, the rounding of buttons, and more. All color pickers on your website read these colors. If a color in the brand identity changes, it changes across the entire website at once.

The names of the colors

The colors have English names. Which color corresponds varies by website. Usually, you see:

• Primary: your main color, for example, for buttons.
• Secondary and Tertiary: your second and third colors. Sometimes there is also Quaternary.
• White, Black, Gray, and Darkgray: neutral colors.
• Yellow, Success (green), Warning (orange), and Error (red): for notifications and accents.
• Transparent: no color, the background underneath remains visible.

Each color has a corresponding text color. If you choose a dark background, the text automatically becomes light, and vice versa.

Where do you choose a color?

• The Background color of a section. See how to give a section a background color.
• The Card background color of a column displayed as a card.
• The Color of a button and the color of an icon.
• The background color of the block Note / notification.
• The color of the header, footer, top bar, socket, and notification in the General options.
• In the Text block, you color individual words with the button Add color in the toolbar. See using the Text block.

Why can’t you add a color yourself?

A custom color code per block may seem convenient, but after a while, your website ends up with ten nearly identical shades of blue. With fixed brand identity colors, everything matches, and the text remains readable because each color has a corresponding text color. That’s why you cannot enter a custom color in the color pickers.

Fonts

The fonts and sizes of headings and text are also fixed in your brand identity. In the Text block, you can choose between heading and regular text, but not a different font. This way, all pages look the same.

Adjusting brand identity

Do you have a new brand identity, want to add a color, or a different font? We will adjust that for you in your website’s brand identity. Then it changes everywhere at once, including in your logo and favicon if you send those along. Contact us. If you have a maintenance contract, read what it includes at WordPress maintenance.

Having trouble?

• You are missing a color. It is not in your brand identity. We can add it.
• Text is poorly readable on a color. Choose a different background color. If it remains difficult, let us adjust the text color in the brand identity.
• A color looks different than its name suggests. The names are fixed, the colors vary by website. Look at the color swatch, not the name.
• Can’t figure it out? Contact us.

Frequently Asked Questions