Now you’ve added content to the site and shaped the navigation menu, your site should of course reflect your company's culture and identity. The site’s theme and page designs work hand in hand to do just that.
Theme your site to match your brand
Themes determine the general look of your site, including the navigation menu and footer.
Click Themes in the left-hand menu
Click the Create theme button to open the Theme Editor.
Build the theme and save it when you’re done.
Go back to the Site Builder site’s site structure tab to apply it to your sitethe theme. Click on the name of your current theme, located in the block with your site’s name in it, and select the theme you created.
...
| Info |
|---|
This main site theme applies to your entire site, except for the Refined pages, spaces and projects that have their own specific theme set. |
...
Customize your site’s home page and landing pages
Landing pages make your site come to life. Landing pages are: the homepage, Refined Pages, and the customizable pages of Confluence spaces, Jira projects, and JSM projects.
Go to the page that you want to edit on your Refined site.
Click the Edit page button in the top-right of the page.
Or use the keyboard shortcut
Efor quick access.
Use the Page Builder to create an eye-catching and user-friendly design.
Three tips to build winning page designs
...
Use templates. Need inspiration? The Page Builder includes a range of page templates. A template is merely a starting point – after applying it, you can further adjust the page.
Tailor content to the user. Users will be more likely to effectively use your site if the content is relevant to them when they arrive. For example:
Use the text variable $userfirstname in a module’s title to personally welcome users to your site.
Or apply view permissions: for instance, on your home page you can show anonymous users a prompt to log in to file a ticket, while a logged-in user will see an overview of request types and their open tickets.
Export and import. If you like the layout of a page and want to apply it on another page as well, simply export and import it. For example, on help.refined.com we have similar-looking landing pages for our Cloud , and Data Center and Server help desks.
...
Further improve the user experience
| Expand | ||
|---|---|---|
| ||
In JSM you can activate customer notifications for each project, so users automatically receive an email every time someone updates their requests. All these emails contain a View Request link, which directs users to the JSM portal on Atlassian’s website – even if the user created the issue on your Refined site. Set up the emails to direct users to the JSM portal on your Refined site instead |
...
| Expand | ||
|---|---|---|
| ||
Use Space Settings to further improve your site’s user experience:
You have full control over the settings of each space: use global space settings to decide the default look of your spaces, and customize specific spaces with custom space settings. |
...
Want to learn more? Read all Get started articles
6. Apply your branding and make the site user-friendly (current page)
67. Jump between Confluence, JSM, and Refined Glossary sites
We’re always happy to help if you have any questions: reach out to support.