---
title: "Design and theme - Lentil docs"
description: "Set your colors, fonts and button corners once for the whole site, from the Brand panel in the editor or Appearance in Settings."
url: https://uselentil.com/docs/design
updated: 2026-11-13
site: "Lentil"
---

[Docs](https://uselentil.com/docs)

### Docs menuDesign and theme

# Design and theme

Set your colors, fonts and button corners once and they apply to every page.

## Change colors and fonts in the editor

1. Open a page in the editor and press **Brand** in the panel bar at the bottom left.
2. Under **Colors**, press a swatch to change it: **Primary** (buttons and key text), **Secondary** (supporting text), **Accent** (links and highlights), **Neutral** (backgrounds) and **Pop** (badges and callouts).
3. Under **Fonts**, choose a font for **Headings** and one for **Body**.
4. Check the **Buttons** preview, then press **Save**. **Reset** brings back the saved values.

The panel says **Changes apply everywhere at once**. The page you are editing updates as you change things. Press **Edit full brand kit** for more options.

Theme changes are live straight awaySaving colors or fonts updates every published page right away. It does not wait for you to publish.

![The page editor with the Brand kit panel open: Colors, fonts and buttons for the whole site, five color swatches (Primary, Secondary, Accent, Neutral, Pop), DM Serif Display for headings and Work Sans for body, Primary and Secondary buttons, Edit full brand kit and Save.](https://uselentil.com/api/media/4ea007e3-a234-4609-82f3-b9a0e1f6f8be/docs-design-brand-panel.webp)

The Brand panel in the editor. Shown with sample data.

## Appearance in Settings

The full brand kit is in **Settings** under **Appearance**, with a live preview next to it.

1. Open **Settings** for your site, then **Appearance**.
2. In **Colors**, pick a palette (**Current**, **From your logo**, **Calm** or **Warm**), or type each of the five colors as a hex code like `#1A2B3C`.
3. In **Fonts and corners**, choose a heading font and a body font from the list of 20 Google fonts, and the button and card corners: **Sharp**, **Rounded** or **Pill**.
4. Press **Save changes**, or **Discard** to throw the edits away. A message tells you how many published pages are being updated.

The **Header and footer** card has **Edit** (or **Add**) to open the shared header or footer in the editor. See [The page editor](https://uselentil.com/docs/editor).

![Site Settings on the Appearance section: Colors with palettes Current, From your logo, Calm and Warm and five colors with hex codes, Fonts and corners with heading and body fonts and Sharp, Rounded or Pill corners, Header and footer with Edit buttons, and a live preview.](https://uselentil.com/api/media/f112e2f6-90a8-4967-80aa-cca01ea36263/docs-design-appearance.webp)

Settings, Appearance: the full brand kit with a live preview. Shown with sample data.

Ask your assistant

```
Show me my Lentil site's current colors and fonts. Then make the buttons rounded, switch the headings to Lora, and keep the colors as they are. Tell me before you save, because theme changes go live straight away.
```

Uses `get_theme`, `update_theme`. [Connect an assistant](https://uselentil.com/docs/ai-assistants)

New looks during setupWhile you set up a new site, the designs step shows homepage designs to pick from, and a button there asks for a fresh set of looks. The first round is included; a fresh set or a described change uses credits, and the step shows about how many before you press it. See [Setup and your first design](https://uselentil.com/docs/setup).

## Who can use it

- Changing colors, fonts and corners needs the permission to change site settings, which owners, admins, members and clients have. See [Team and roles](https://uselentil.com/docs/team).
- Brand colors and fonts work on both Free and Pro. Design canvases are a Pro feature, see [Design canvases](https://uselentil.com/docs/canvases).

## Limits and edge cases

- Colors must be solid hex codes like `#1A2B3C` (or the short form `#ABC`), with no transparency. In the app you pick fonts from the list of 20; an assistant can set any Google font by its family name.

## From an AI assistant

See [AI assistants](https://uselentil.com/docs/ai-assistants) to connect one.

- `get_theme` and `update_theme` read and set colors, fonts and corners.

**Still have a question?**Write to us from **Help & support** in the app's account menu, or from our contact page.

[Contact support](https://uselentil.com/contact)

Updated 9 November 2026