---
title: Design
description: The design tab is where you can control the user interface elements on your website. Everything from your logo to your colorscheme, typography, and default…
---

[Skip to content](https://help.punchmark.com/knowledgebase/wiki/spaces/punchmark/pages/6979585#main-content)

English

Show submenu for translations

[![punchmark-logo-horizontal-white](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/punchmark-logo-horizontal-white.png?width=225&height=38&name=punchmark-logo-horizontal-white.png)](https://academy.punchmark.com/knowledge?hsLang=en)

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)

Open main navigation

Close main navigation

- [Website](https://www.punchmark.com/)
- [News](https://www.punchmark.com/news)
- [Support](https://www.punchmark.com/contact-support)
- [In the Loupe](https://www.punchmark.com/loupe)
- English
  
  Show submenu for translations
- Go to punchmark.com

 Go to punchmark.com

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Punchmark Knowledge Base](https://help.punchmark.com/knowledgebase?hsLang=en)
2. [hidden WIP](https://help.punchmark.com/knowledgebase/hidden-wip?hsLang=en)

# Design

The design tab is where you can control the user interface elements on your website. Everything from your logo to your colorscheme, typography, and default appearance settings can be customized within the Design section, so that when you’re building your website it will auto-populate with your design elements.

The design section works in tandem with PageBuilder. After initial setup, you should not need to update any of these pages except in the event of a major brand update, as doing so will affect the look and feel of your website.

Visit each of the following pages to learn how to set up and manage your website display:

- [Logo](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/10027203?hsLang=en)
- [Colors](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/7110657?hsLang=en)
- [Typography](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/85622815?hsLang=en)
- [Buttons Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/86671451?hsLang=en)
- [Navigation Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/10223714?hsLang=en)
- [Header Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/7012572?hsLang=en)
- [Footer Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/7241757?hsLang=en)
- [Sections Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/86475055?hsLang=en)
- [Slider Style](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/86573372?hsLang=en)
- [Custom Javascript](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/193724417?hsLang=en)
- [Custom CSS](https://help.punchmark.com/knowledge/wiki/spaces/punchmark/pages/193626116?hsLang=en)

## Save changes and preview 

You can save changes to these settings at any time. After changing a setting, notice the **Save** button at the top of the page. Click **Save** to commit your changes, or click **Reset** to discard all changes that you made during this session.

To review your changes, go to the Site Manager menu, scroll to the bottom and click the **Go To Front End** button.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/33325093-22b94e628b.png)

## Review your changes

To review your changes, go to the Site Manager menu, scroll to the bottom and click the **Go To Front End** button.

![](https://help.punchmark.com/hubfs/knowledge-base/confluence-migration-2026/10125377-6ffffb8a4d.jpg)

---

- [Default HubSpot Blog](https://blog.punchmark.com/blog)

[![pm-symbol-blue](https://help.punchmark.com/hs-fs/hubfs/Punchmark%20Branding/pm-symbol-blue.png?width=40&height=45&name=pm-symbol-blue.png "pm-symbol-blue")](https://academy.punchmark.com/knowledge?hsLang=en)

Punchmark Resource Center

<https://www.facebook.com/punchmark> <https://www.instagram.com/punchmarkwebsites/> <https://open.spotify.com/show/1IBgfY1m1GIDkkF5N8Dn8F?go=1&sp_cid=0869f391274eb7a313244a8b2a29e059&utm_source=embed_player_p&utm_medium=desktop&nd=1&dlsi=44933130a20a4bcc>

Copyright © 2026, Punchmark