How to bring brand consistency to your Confluence site

[#1]

When faced with unformatted pages, a limited colour palette, and a big blue Confluence logo in the corner at all times, making your site truly your own can seem daunting at first. But don't worry – it's not just possible, it's actually easier than you might think! 

Whether you want to make your HR space look more professional or add a touch of flair to your onboarding pages, with the right tools, you can create content that aligns with your brand.

Here's our guide for top-to-bottom Confluence branding that'll impress customers and colleagues alike.

Step 1: Customise your navigation bar

Adding your company's touch to the top navigation will instantly make your Confluence site look more professional. Not only can you swap the Confluence logo with your own, but you can also choose a colour scheme.

Note: To change the navigation, you’ll need to be a Confluence admin.

1. In the top-right corner, click the wheel icon.
2. Scroll down to Settings in the sidebar, then expand Look and feel.
3. Select Customise navigation.

From here, you can upload your logo and edit the navigation colours.

Step 2: Add branded space logos

Now you've customised your navigation, why not add a professional touch to your spaces too? 

You can auto-assign the same logo for every space, or you can do it on a space-by-space basis. Here's how to do both:

Changing space logos globally

Note: To do this, you’ll need to be a Confluence admin.

1. In the top-right corner, click the wheel icon.
2. Scroll down to Settings in the sidebar, then expand Look and feel.
3. Select Default space logo, upload your chosen image, and click Set new logo. 

Changing the logo of one space

Note: To do this, you’ll need to be an admin of that Confluence space.

1. Click the three dots beside the space name in the sidebar and select Space settings.
2. Select Space details in the sidebar.
3. Click on the picture below Space icon, upload a custom logo, then select Save.

Step 3: Bring brand consistency to your Confluence pages

While it's possible to change the colour of text, table cells, and some macros like Panels, Confluence gives you just a handful of colours to choose from. This can make matching pages to your palette a challenge.

Luckily, a third-party app can give you the customisation you need. This guide will use Mosaic for Confluence as an example to show you how to create content that reflects your brand.

Ways to use Mosaic macros for consistent, sleek branding

You can add any of Mosaic's macros to your page by using the / shortcut followed by the macro name, then customise them to fit your brand in the macro editor.

Buttons 

If you're tired of plain links, stylised buttons make your content more interactive and engaging. You can even include an icon (browse Atlassian, Material Design, and FontAwesome icon libraries) for an extra touch of personality or context.

Using five Buttons and a Button Group macro to align them all horizontally, we created a navbar-style button section that's clean and easy to read.

Backgrounds

Want to create a section that highlights content or draws user attention? The Background macro does just that. Choose a background colour or image, and embed text, images, and even other macros.

Background macros can also be useful for making text a custom colour on your page. No more being limited by Confluence's restrained palette.

Advanced Cards 

Highlight important information and make sections of content visually appealing. You can arrange up to five cards in a row, display them with or without imagery, and change the colours to reflect your brand.

 

Tabs 

Tabs help break up large chunks of text into clearly labelled sections, which is ideal for encouraging user engagement on articles, onboarding guides, FAQs, and more.

Combine Tabs with Advanced Expands (also included in Mosaic!) for the ultimate space-saving solution. This solution not only flies your brand colours, but also looks sleek and professional.

One-click branding with Mosaic’s Advanced Edition

Want to make custom branding even easier for your teams? Mosaic Advanced includes Brand Kits, which let you predefine custom colours, images, and icons for your brand.

Defining these presets means anyone can instantly access the right brand elements when creating their own pages – no more hunting for hex codes or asking for images.

To set up your first Brand Kit:

1. Click the wheel icon in the top-right corner.
2. Scroll down to Apps in the sidebar, and select Mosaic Brand Kits underneath.
3. Click Add Brand Kit and follow the instructions.
4. Choose Publish kit (and Set as default kit if it's your go-to Brand Kit).

Then, it's as easy as selecting a preset image, icon, or brand colour from the Mosaic macro editor.

How do you make your Confluence pages stand out? Let us know in the comments!

[Khrystyna_Dzhus_SaaSJet_]

Great article! Thanks for sharing valuable info