Customize Your Docs Site
Adjust branding, layout choices, and content presentation across your docs.
Compass is meant to be re-skinned. The fastest way to make it feel like your product is to update the shared site config first, then refine the content model and styles.
Update the shared config
Start in site.config.mjs:
nametitledescriptionsiteUrl- CTA label and link values
Adjust the docs structure
Then update src/data/docs.ts so the homepage cards and navigation match your actual docs sections.
Refine presentation
Common customizations include:
- changing copy across the homepage and article descriptions
- adjusting typography and spacing in
src/index.css - editing layouts in
src/layouts - adding reusable MDX components for callouts or demos