---
title: "Designing"
slug: "designing"
abstract: "This section describes how to work with page designs, partial designs, and themes."
---
# Designing

To make structuring pages easier, SXA provides a mechanism for locking down designs and reusing them: Page Designs and Partial Designs. Read the topics in this section to learn more about page designs and partial designs.

- [Page designs](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/page-designs.html "Page designs")
- [Create and assign a page design in the Content Editor](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/create-and-assign-a-page-design-in-the-content-editor.html "Create and assign a page design in the Content Editor")
- [Create and assign a page design in the Experience Editor](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/create-and-assign-a-page-design-in-the-experience-editor.html "Create and assign a page design in the Experience Editor")
- [Create and change a partial design](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/create-and-change-a-partial-design.html "Create and change a partial design")

Themes define the look and feel of a site and can be created separately from the site functionality and content. Learn how to work with themes by reading the following topics:

- [The SXA themes](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/the-sxa-themes.html "The SXA themes")
- [The base themes](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/the-base-themes.html "The base themes")
- [Add a theme](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/create-a-custom-theme.html "Create a custom theme")
- [Assign a theme](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/assign-a-theme-to-a-page.html "Assign a theme to a page")
- [Extend a theme](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/extend-a-theme.html "Extend a theme")
- [The view modes](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/view-modes-and-themes.html "View modes and themes")
- [Add a new theme using SXA CLI](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/add-a-theme-using-sxa-cli.html "Add a theme using SXA CLI")
- [Pre-optimize your theme CSS and JavaScript](https://doc.sitecore.com/xp/en/developers/sxa/104/sitecore-experience-accelerator/preoptimize-your-css-theme-and-javascript.html "Preoptimize your CSS theme and JavaScript")