Docsio
DocumentationGuides
Branding

Colors and fonts

Match your brand while keeping documentation readable.

Open Settings → General and find the Brand section. Set your colors and fonts, save the changes and review the preview.

Color controls

FieldPurpose
PrimaryMain links, buttons and accents
SecondarySupporting color
AccentHighlights
BackgroundPage background
TextHeadings and body copy
Muted TextDescriptions and supporting text

Use a restrained palette and enough contrast for comfortable reading. Check active links, code samples and keyboard focus as well as large headings.

Body and code fonts

The Body Font and Code Font fields offer common choices and accept a font name. Use a supported web font and confirm it loads in the preview. A font name alone does not upload a private font file.

Custom fonts

For a font you are licensed to host, supply the font asset and ask the agent to add it to the site's styles. Include a readable fallback and verify the font on the published site.

Custom CSS

For changes beyond the settings, describe the intended result to the agent. If you edit a stylesheet directly, preserve the existing imports and check both light and dark modes. Older sites can use different theme files, so inspect the project before copying styling instructions from elsewhere.

Keep exploring

Choose a readable palette · Typography guide
Need a hand? Talk to the Docsio teamClear docs. Happier readers.

On this page