> Arbitrary text to add at the BEGINNING of the page

# Customize your docs

> Brand your documentation with colors, logos, and layouts

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.

Set brand colors for light and dark modes

Add your logo and favicon

Customize fonts for headings and body text

Configure page width, tabs placement, and more

Add links and buttons to your navigation bar

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