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

![](https://2508417753-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ_LzUrkOiRAdHS8Ti2%2F-M1bnm6dmDEUb4LktO02%2F-M1boOslt3lYANQhYdBO%2FScreen%20Shot%202020-03-04%20at%205.11.21%20PM.png?alt=media\&token=f4b41cd9-1be5-4695-88c6-065451067da1)

{% 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. 

![](https://2508417753-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ_LzUrkOiRAdHS8Ti2%2F-M1bnm6dmDEUb4LktO02%2F-M1bpW2oTtjMZzbaSAbI%2FScreen%20Shot%202020-03-04%20at%205.16.17%20PM.png?alt=media\&token=26c9000d-ffb2-43ad-ac34-47f58a377ce8)

### 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. 

![](https://2508417753-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ_LzUrkOiRAdHS8Ti2%2F-M1g-LVQ19GSNEKOGp1F%2F-M1g0Fnj3omGAWJDCvQt%2FScreen%20Shot%202020-03-05%20at%2012.45.57%20PM.png?alt=media\&token=c1da12ad-d8fc-450e-bc4f-8919028e4050)

![](https://2508417753-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ_LzUrkOiRAdHS8Ti2%2F-M1g-LVQ19GSNEKOGp1F%2F-M1g0IyVOx7KKPzp1jXW%2FScreen%20Shot%202020-03-05%20at%2012.46.05%20PM.png?alt=media\&token=4c5aa975-0b20-4565-88fa-5f4a8d8c7bda)

![](https://2508417753-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ_LzUrkOiRAdHS8Ti2%2F-M1g-LVQ19GSNEKOGp1F%2F-M1g0NvT16jf84xpICgi%2FScreen%20Shot%202020-03-05%20at%2012.46.42%20PM.png?alt=media\&token=5ee04482-5378-43bc-b039-97bb175f32a7)

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

####