Brand Guide

Technical brand guide for TOGETHER/CCA documentation and diagrams.

Contents

• Quick Reference - AI agent D2 diagram cheat sheet
• Brand Policy - Logo usage guidelines
• Intro - Brand guide overview
• Colors - Interactive color palettes (MDX)
• Diagrams - D2 style guide and templates
• Logos - Product logo reference (MDX)
• Icons - Diagram icons
• Typography - Typography guidelines
• Cookbook - Common tasks and recipes

MDX Files

The following files use MDX (Markdown + React components) for interactive features:

Colors (all files are MDX)

• colors/index.mdx - Color palette overview
• colors/hierarchy-ramps.mdx - Tier-based color hierarchy
• colors/analysis-mode.mdx - Analysis mode colors
• colors/context-mode.mdx - Context mode colors

Logos (all files are MDX)

• logos/index.mdx - Logo overview
• logos/boabot.mdx - BOAbot brand
• logos/cca.mdx - CCA brand
• logos/cca-cloudedi.mdx - CCA CloudEdi brand
• logos/myversum.mdx - myVersUm brand
• logos/omds-browser.mdx - OMDS Browser brand
• logos/omdsmanager.mdx - OMDS Manager brand
• logos/proversum.mdx - proVersUm brand
• logos/together.mdx - TOGETHER brand
• logos/together-cca.mdx - TOGETHER CCA brand
• logos/togethersign.mdx - TOGETHERsign brand
• logos/vu-logos.mdx - VU (insurance company) logos

Diagrams (icons.mdx only)

• diagrams/icons.mdx - Icon usage examples

All other files (.md files, .d2 templates) are pure Markdown and can be used in any context.

For AI Agents

When creating documentation or diagrams:

1. Start with Quick Reference for D2 syntax
2. Import colors from /docs/assets/colors/_colors.d2
3. Follow the Diagram Style Guide
4. Use Templates as starting points

Raw Assets (CDN)

Raw assets are available at:

• Colors: https://cdn.togethercca.com/docs/assets/colors/_colors.d2
• Colors JSON: https://cdn.togethercca.com/docs/assets/colors/colors.json
• User icon: https://cdn.togethercca.com/docs/assets/icons/user.svg