Navigating the Design System

The EBRAINS Design System is organized into the following sections:

• EBRAINS Logo — Brand identity guidelines, logo variants (positive/negative), clear space rules, and usage standards
• Foundations — Core design principles including color palettes, typography, design tokens, and layout guidelines
• UI Components — 44+ production-ready web components that are framework-agnostic, accessible, and built with Stencil
• Shared UI — Advanced composite components built for complex functionality across applications
• IBM Plex Icons — Icon library powered by IBM Carbon Icons for consistent visual communication
• Accessibility — WCAG 2.1 AA guidelines, keyboard navigation, ARIA attributes, and best practices
• Analytics — Built-in Matomo integration for privacy-respecting analytics across all components