⚠️ Design system CSS not found. Check the path in cms/docs.config.js → designSystemPath, then re-run npm run docgen.

Docs

Platform Strategy

What BrandOS is, who it serves, and how it should sound

Code Standards

JavaScript

JavaScript coding standards and organization guidelines

CSS

CSS coding standards, organization, and commenting guidelines

HTML Layout

Page layout and structure primitives

Documenting Components

How to write component documentation for humans and AI

SEO

SEO meta tags and social sharing guidelines

SVG Best Practices

How to optimise SVG files for the web

Markdown

Styling guidelines for markdown content

Dev

Setup

Getting started with this template

Folders

File organization and directory structure

Upgrading the Docs Engine

How to update the doc site across projects

Login Scenarios

Auth flow testing and login states

LLMs

AI-readable design system reference

Components

Component specification and build rules

Site Management

Access Control

Managing user authentication and page permissions

Client Setup

Setting up a new client environment

Tools

CPM Calculator

Plan campaign impressions, fees, and payouts

SVG Cleaner

Prepare SVGs for the design system

Display Ad Preview

Preview ad creatives across IAB formats and devices

Image Placeholder

Generate SVG placeholder images by URL

World Clock

See every timezone your team works across

Was this page helpful?

We use this feedback to improve our documentation.

Thanks for your feedback

Send feedback

© 2026 By Default