Getting Started

EBRAINS Design System is the official design system for the EBRAINS uniting digital applications and products under a consistent and accessible design approach. The design system provides a collection of design principles, reusable components, and adaptable guidelines that ensure a seamless user experience across EBRAINS platforms.

Why EBRAINS Design System?

The EBRAINS Design System was created to tackle the complexities and scale of EBRAINS’ digital ecosystem. As multiple products and tools grow and evolve, it ensures that these applications are not only visually consistent but also highly accessible, performant, and user-friendly.

By centralizing design and UI elements, EBRAINS empowers teams to develop quickly and cohesively, enabling an efficient, unified approach to digital development.

Below, Niko G. (EBRAINS TC) briefly explains what a design system is and how it drives development speed and operational excellence within EBRAINS by providing a unified set of components, clear guidelines, and streamlined collaboration.

Key Features

FeatureDescription
Reusable ComponentsA library of modular components—including buttons, forms, icons, and more—that developers can use to accelerate application development.
Design TokensCentralized tokens for managing colors, spacing, typography, and other design attributes, ensuring that style updates remain consistent and maintainable.

Who Uses the Design System?

The EBRAINS Design System supports a diverse range of applications and tools aimed at advancing neuroscience research. It is used by development teams, platform and infrastructure, researchers, and designers to create cohesive, user-friendly experiences across EBRAINS products and services.