# Design

Customize your site and make it yours by including your logo, and adjusting the color scheme and layout options.

{% hint style="info" %}
**Pro Tip:** The 2nd option for the header layout works great with logos that are too small to fit into the header bar in the first layout option.
{% endhint %}

![](/files/-M1boOslt3lYANQhYdBO)

{% hint style="warning" %}
Heads up! It can take a few seconds for color changes to appear on your site. We're compiling a lot of code under the hood. :) 
{% endhint %}

* **Primary Color:** Primary color is the color used for all buttons, links, and other call outs, 
* **Text Color:** Primary color used for text used on your site, 
* **Background Color:** Primary color used for the background of your site's pages, 
* **Card Color:** Primary color of the text within content cards. Cards are used to box or wrap your content on your site; posts, live streams, courses and downloads, 
* **Card BG Color:** Primary color of the background of your content cards. 

{% hint style="info" %}
**Pro Tip:** While you can set the general theming of your site here. While using the [Page Builder ](/creating-content/page-builder.md)you'll have more granular control of what your content looks like. 
{% endhint %}

### Header Layout

The header layout changes the structure of look of the navigation and logo bar at the top of your site. You may choose between a condensed version for a cleaner, more simple look, or a version with a header bar that offers more separation between the header and the rest of the page. 

![](/files/-M1bpW2oTtjMZzbaSAbI)

### Page Layouts

After creating a page, scroll down to reveal further display options for that specific page. Header, Page and Footer Layout & Page Width + Background Images. 

![](/files/-M1g0Fnj3omGAWJDCvQt)

![](/files/-M1g0IyVOx7KKPzp1jXW)

![](/files/-M1g0NvT16jf84xpICgi)

{% hint style="warning" %}
Looking for more customizations? We're early in development of this area, email us at <support@mavenseed.com> to let us know what you're looking for.&#x20;
{% endhint %}

####


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavenseed.com/managing-your-site/settings/design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.