CMT Sites Documentation

This site serves as the single source of truth for all design and architecture specifications, component and layout behavior across all CMT sites built with this repo.

About The Project

CMT Sites is a Hugo-based monorepo that hosts multiple brand websites. The project emphasizes:

• Performance - Fast load times and optimized assets
• Accessibility - WCAG AA compliance across all components
• Usability - Intuitive interfaces for both end users and content editors
• Design Quality - Consistent, professional visual language
• Code Quality - Maintainable, well-documented codebase

Documentation Structure

This documentation is organized into sections:

General

Global design principles, technical standards, and browser support guidelines that apply to all sites. This section includes:

• Performance targets (e.g., Lighthouse scores, load times)
• Accessibility standards (e.g., WCAG compliance levels)
• Security requirements (e.g., SSL, XSS protection)
• Supported browsers and versions
• Third-party services and integrations
• Theming

Components

Reusable UI elements like buttons, cards, forms, and navigation elements.

Layouts

Page templates used across the sites. Each layout page documents

Version Control

All documentation is version-controlled in git alongside the codebase. Visual snapshots from Figma are exported and committed to ensure immutability. Each page displays its last modification date.