> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://plantstore.dev/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://plantstore.dev/_mcp/server.

# Customize your docs

The `docs.yml` file controls the visual appearance of your documentation site. Explore the customization options below and click through to the Fern documentation for detailed configuration guides.

#### [Colors](https://buildwithfern.com/learn/docs/configuration/site-level-settings#colors-configuration)

Set brand colors for light and dark modes

#### [Logo and favicon](https://buildwithfern.com/learn/docs/configuration/site-level-settings#logo-configuration)

Add your logo and favicon

#### [Typography](https://buildwithfern.com/learn/docs/configuration/site-level-settings#typography-configuration)

Customize fonts for headings and body text

#### [Layout](https://buildwithfern.com/learn/docs/configuration/site-level-settings#layout-configuration)

Configure page width, tabs placement, and more

#### [Navbar links](https://buildwithfern.com/learn/docs/configuration/site-level-settings#navbar-links-configuration)

Add links and buttons to your navigation bar

#### [Custom CSS](https://buildwithfern.com/learn/docs/customization/custom-css-js)

Advanced styling with custom CSS and JavaScript

## Quick example

Here's a minimal example showing common customization options in `docs.yml`:

```yaml title="docs.yml"
title: Your Documentation

colors:
  accentPrimary:
    dark: "#81C784"
    light: "#1B5E20"

logo:
  dark: docs/assets/logo-dark.svg
  light: docs/assets/logo-light.svg

favicon: docs/assets/favicon.svg
```

For complete configuration options, see the [site-level settings documentation](https://buildwithfern.com/learn/docs/configuration/site-level-settings).