Layout for a top navigation page

[richard_wilkinson]

Hello,

We're trying to make a nice layout for the top navigation page in a space (and probably for some subsections).

The page in Atlassian's own documentation looks great, and would be a good starting point:

https://support.atlassian.com/confluence-cloud/

And some pages beneath that have a simpler look but the same layout:

https://support.atlassian.com/confluence-cloud/docs/create-and-organize-work-in-confluence-cloud/

It looks as though each box on the page refers to a child page, and clicking it takes you to that page. Clicking the button in the box lists the sub-topics under that child page.

The page also has (just for these pages) the left navigation switched off by default and hidden behind a button. This makes it all look nice and clean.

How do you set up the page to do this, though? I feel a bit silly asking but I can't find anything relevant in the documentation or in the macros in Confluence itself!

Thanks,

Richard

[Andy Gladstone · Accepted solution]

@richard_wilkinson you may be confusing Atlassian's documentation site with Confluence. https://support.atlassian.com is not built on Confluence. That being said, many of the elements of https://support.atlassian.com can be replicated in Confluence, but would require Marketplace Apps for those design pieces to be available to you in Confluence. 

[richard_wilkinson]

I don't think I was "confusing" it so much as assuming Atlassian would use their own software to make their own documentation... but thanks.

Do you know what software Atlassian do use to make their documentation?

[Bert Jansmann]

I think they used K15t add-ons, or something similar. The source is Confluence, but the presentation is driven by the add-on.

https://help.k15t.com/

[Sven Schatter _K15t_]

Hi there,

@Bert Jansmann is right! Atlassian is managing their content in Confluence and then publishes it as a help center via our app Scroll Viewport.

Since it looks like you're on Confluence Cloud, you'll be happy to know that Scroll Viewport also allows you to use custom domains. So, instead of hosting your documentation on "your-company.atlassian.net", with Scroll Viewport you can make it available on your own domain such as "help.your-company.com".

If you want to learn more, you can find our documentation here or even book a demo with us to see the full Scroll solution in action.

Cheers,
Sven

[Lisa I]

Are there templates that could be used ?