> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.simplebooklet.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customize Your Collection

# Customize Your Collection

The Layout tab in the Collection Editor lets you control how your collection page looks — your logo, background, and header bar. Here's how each option works.

|| Available on: All paid plans.

## How to Open Layout Settings

1. Open your **Dashboard** and click the **Your Collections** tab.

2. Find your collection and click the **Edit** (pencil) icon.

3. In the **Collection Editor**, click **Layout** in the left toolbar.


## Logo

4. Click **Logo** to open the logo uploader.

5. Click **Upload New Logo**. A drawer opens.

6. Click **Select Logo File** and choose your file. Accepted formats: PNG, JPEG, SVG.

7. A preview of your logo appears in the **Logo Preview** section.

8. Give your logo a **name** to help identify it in your library.

9. Optionally, add a **link** to your logo so viewers can click it and be directed to a URL of your choice.

10. Click **Add Logo to Library**. Your logo is saved under **Saved Logos**.

11. Click **Done** in the top-right corner to return to the Layout panel.

12. Your uploaded logo now appears under **Your Logos**. Click the **plus icon** in the top-right corner of the logo to place it.

13. Choose where to apply it:

A live preview updates as you select each option.

* **Apply to All**

* **Add to Browser Tab**

* **Add to Nav Bar**

* **Add to Menu**

14. To remove a logo placement, click the **minus icon** in the top-right corner of the logo in the preview.

| **Tip:** If you've already uploaded logos to your Brand Kit, toggle on **Brand Kit logos** to apply them automatically across your collection.

15. Click **Done** to save your logo settings.

| To update, replace, or delete a logo later, click **Manage** next to the **Your Logos** section.


## Background

The Background section has three tabs: **Colours**, **Images**, and **Upload**.

16. Click **Background** to open the background picker.

**Colours** — Click any color swatch to apply a solid color background to your collection page.

**Images** — Browse Simplebooklet's curated library of patterns, photos, and animated backgrounds, or search for a royalty-free photo using the **Unsplash** search bar.

**Upload** — Upload your own background image.

| **Important:** Uploaded background images must be JPG, PNG, or WebP format, no larger than 500kb. Recommended dimensions: 1200 × 800px.

17. Click your chosen background to apply it. The preview updates immediately.


## Header

The Header is the navigation bar at the top of your collection page. You can toggle it on or off and style it to match your brand.

18. Click **Header** to open the header settings.

19. Use the toggle to turn the header **on** or **off**.

20. If the header is on, click the **pencil icon** to edit its appearance.

You can adjust:

* **Text** — The color of the text in your header.

* **Header** — The background color of the header bar.

* **Header Opacity** — Use the slider to control how transparent the header is.

* **Navigation Font** — Choose a font for your header text.

21. Click **Done** to save your header settings.


### Related Articles

* [Collection Navigation Settings](https://claude.ai/local_sessions/link)

* [Add and Arrange Booklets](https://claude.ai/local_sessions/link)

* [Collections FAQ](https://claude.ai/local_sessions/link)