> For the complete documentation index, see [llms.txt](https://docs.mavenseed.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mavenseed.com/managing-your-site/settings/design.md).

# 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 %}

####