Building Blocks

Atomic-level components — single-purpose, reusable elements that form the foundation of all Festa interfaces. Each is designed with trauma-informed principles, ensuring clarity, accessibility, and predictable behavior.

These components follow WCAG 2.2 AA standards, support keyboard navigation, and work seamlessly with screen readers. They're built with progressive enhancement, ensuring core functionality without JavaScript.

Alerts & Notifications

Accessible alert patterns for success, warning, error, and informational messages with ARIA live regions.

Explore alerts

Progress Indicators

Linear and circular progress patterns for tracking task completion, file uploads, and multi-step workflows.

Explore progress

Tooltips

Contextual tooltips with smart positioning, keyboard accessibility, and screen-reader announcements.

Explore tooltips

More Coming Soon

These atomic components are planned and will be documented as they ship.

Buttons

5+ button variants for all interactions
Inputs

8+ input types for forms and data entry
Tags

Category tags with 3 style variations
Badges

Status badges with 4 semantic styles
Tabs

Tabbed navigation patterns
Accordion

Collapsible content sections
Modal

Dialog and overlay patterns
Pagination

Page navigation controls
Social Share

Social media sharing buttons

Back to Design System