> For clean Markdown of any page, append .md to the page URL. > For a complete documentation index, see https://docs.whizcozy.com/customization/llms.txt. > For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.whizcozy.com/_mcp/server. # Customize your docs The `docs.yml` file configures your whole documentation site, from navigation to visual styling. Customization covers the colors, logos, fonts, and layout that give your docs their look and feel. These settings that apply across every page so your branding stays consistent. ## Quick example Here's a minimal example showing common customization options in `docs.yml`: **`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 ``` ## Complete customization options 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 > Configure colors, fonts, and layout in your `docs.yml` file