What Atlassian use to brand their own Confluence and Service Desk instances?


The new Atlassian brand looks really good.
I would like to know what you are using to brand your Confluence and Service Desk instances to look like this.

Is it a plugin? simple customized CSS? customizing templates? building a new UI on top of the existing REST API?

Knowing what you are using will help me to choose the right direction for branding our own Confluence and Service Desk servers.

Also if this design would have been the default design of a new Confluence and the Service Desk instillation that would have been really nice as they look much more appealing than what currently provided.


4 answers

1 accepted

1 vote
Answer accepted
Brant Schroeder Community Champion Oct 10, 2017

Atlassian uses a custom UI that uses their REST API.  There is a company Refined Wiki, http://www.refinedwiki.com/, that allows you to customize confluence and the service desk portals easily and might be worth looking into their plugin.


Building custom UI that uses the REST API sounds like to much work.

I manage to brand the Service Desk pretty nicely with CSS but the real challenge is the Confluence.  

I'll try to make it work with custom CSS or with the plugin you suggested for now.

I wish that in future versions Atlassian products will come with a more modern look and feel by default.

0 votes

Confluence supports "themes", you can add these to spaces.  There are some themes that are single packages, but also more powerful add-ons that let you do a lot of the work inside Confluence - Refinedwiki, Brikit and Themebuilder are the ones to look for (Themebuilder requires some time invested in it, as it's the most powerful, and hence most complex to work with)

However, Atlassian's Service Desk and Confluence are not heavily themed.  The Confluence uses "Scroll Versions" to provide many versions of documentation, and most of the rest is light-touch theming.

Hi Ori,

To display their help content on confluence.atlassian.com and all the other doc pages, Atlassian uses Scroll Viewport.

Scroll Viewport allows you to define a theme and display your Confluence content in your own companies style - the main difference to all the theming apps Nic already mentioned above is, that the Confluence editor itself is not touched, but is still displayed in the standard look and feel. Instead of theming the Confluence UI, Scroll Viewport adds an additional representation layer on top of Confluence and gives you full flexibility on the styling itselt.

You can find further examples of help centers based on Confluence and Scroll Viewport here:

If you want to learn more about Scroll Viewport, please feel free to check out our Scroll Viewport Crash Course Video on YouTube, or get in touch with us via support@k15t.com, so we can schedule a demo and discuss your use case if wanted.


Thanks for the help, I ended up customizing CSS to get to the result I wanted and I'm petty much happy about it. 

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Tuesday in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

212 views 2 10
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you