FSAI Design System

Getting Started

Foundations, components, patterns, and guidelines for building consistent experiences across the FSAI platform.

Welcome to the FSAI Design System documentation. This site documents the design tokens, component library, UI patterns, and development guidelines used across all Franchise Systems AI applications.

Sections

  • Foundations — Color palette, typography, spacing, borders, iconography, and motion tokens
  • Components — Live-rendered component documentation with variants, props, and usage guidelines
  • Patterns — Cross-component composition patterns for common UI scenarios

On this page