Design System
The centralized design system for CRI's digital presence. This system provides the foundational tokens, components, and best practices that ensure consistency and quality across all digital experiences.
Foundations
Core design tokens and principles that form the foundation of our design system. These include colors, typography, spacing, border radius, elevation, and motion.
Components
Reusable UI components built on our design tokens. These components are the building blocks for all user interfaces across the platform.
Principles
Consistency
All components follow the same design principles and use standardized tokens for visual consistency across the platform.
Accessibility
Every component is built with accessibility in mind, ensuring WCAG 2.1 AA compliance and support for assistive technologies.
Scalability
The design system is built to scale with our platform, supporting both current needs and future growth.
Research-Focused
Designed to support research communication and clinical trial information, with robust theming, accessibility features, and performance optimizations.