Concepts
Concepts
Architecture and design decisions behind OptimoCMS.
Concepts
Understand the core architecture of OptimoCMS.
Multi-tenant architecture
Every site runs on a single Firebase project with strict tenant isolation. Data is scoped by siteId at every level.
Design tokens
OptimoCMS uses CSS custom properties (design tokens) for theming. Sites can customize colors, fonts, and border radii without touching component code.
| Token | Purpose |
|---|---|
--dt-color-primary | Primary/CTA color |
--dt-color-text | Main text color |
--dt-color-surface | Card backgrounds |
--dt-font-body | Body font family |
--dt-font-heading | Heading font family |
Visual components
Pages are built with the built-in visual editor. Each component receives props and renders consistently across editor, live site and AI preview.
Rate limits and tiers
API access is metered per API key with tiered rate limits. See Authentication for details.