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

Ori Shalom October 10, 2017

Hi,

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.

Thanks,
Ori

4 answers

1 accepted

1 vote
Answer accepted
Brant Schroeder
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
October 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.

Ori Shalom October 15, 2017

Thanks,

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.

3 votes
Nils Bier _K15t_
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 15, 2017

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.

Cheers,
Nils

0 votes
Ori Shalom November 8, 2017

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

0 votes
Nic Brough -Adaptavist-
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
October 15, 2017

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.

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events