> ## Documentation Index
> Fetch the complete documentation index at: https://help.convella.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Design

Customize your website with Convella's visual website editor. Choose a theme, adjust layouts, add sections, and make your website your own.

## Open the website editor

You can open the editor in two ways:

* **From Settings** — Select [Design](https://convella.com/site?publicationSettings=design) under **Site**, then click **Customize**.
* **From Website** — Go to your [Website page](https://convella.com/site) and click **Edit site**. When previewing an individual article or page, this button is labeled **Edit design**.

![Website designer with its navigation, live website preview, and Theme controls](https://mintcdn.com/convella/pBat-kSuSzw_lXD9/images/website/designer-sprouts.jpg?fit=max\&auto=format\&n=pBat-kSuSzw_lXD9\&q=85\&s=8e7eb69d1d11c525fbd386ae9d744f43)

## Customize your website

Use the editor's sidebar to choose what to change:

> [card] [Theme](https://help.convella.com/website/design/theme.md)
>
> Customize your logo, icon, fonts, colors, and animations.

> [card] [Header and footer](https://help.convella.com/website/design/header-and-footer.md)
>
> Edit your navigation and footer using Header and Footer under Theme.

> [card] [Homepage](https://help.convella.com/website/design/homepage.md)
>
> Open Home to choose a layout, add sections, and arrange your content.

> [card] [Article page](https://help.convella.com/website/design/article-layout.md)
>
> Open Articles to customize how individual articles appear.

> [card] [Pages](https://help.convella.com/website/pages.md)
>
> Open Pages to customize the layout of your website's pages.

> [card] [Subscribe page](https://help.convella.com/website/design/subscribe-page.md)
>
> Open Subscribe to customize your signup form and membership plans display.

## Preview and save

Switch between the **desktop** and **mobile** previews to see how your website looks on different screen sizes.

### Preview settings

Click the **Preview settings** icon beside the device buttons to adjust what you see:

![Preview settings menu showing Visitor, Free member, Paid member, and the Show placeholders toggle. The sliders icon beside the device buttons opens this menu.](https://mintcdn.com/convella/pBat-kSuSzw_lXD9/images/website/preview-settings-sprouts.jpg?fit=max\&auto=format\&n=pBat-kSuSzw_lXD9\&q=85\&s=662f5b962e2265265bfa55046ed13c86)

* **View as** — Choose **Visitor**, **Free member**, or **Paid member** to preview your website for each audience. Use this to check member-only content and subscription prompts.
* **Show placeholders** — Include drafts and articles that haven't generated yet in the preview. Turn this off to preview your design without them.

> [!NOTE]
>
> Preview settings only change your preview. They don't publish drafts or change anyone's membership access. Visitors never see placeholders.

### Save your design

Click **Save** to apply your design changes.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.