Our design system is broken down into the following sections:
EBRAINS Logo
The defines the core identity of EBRAINS. It includes guidelines for using it, the different variations, and correct use of colors.
Foundations
items communicate the way in which basic visual design attributes, elements, and concepts come together to create a distinct interfaces. For example, color and typography.
Components
A is a UI element that serves a singular purpose or function. Two or more simple components can combine to form a composite component that still has a single function. For example, an avatar, button.
Shared UI
The provides reusable components, patterns, and tokens that streamline the creation of cohesive, accessible interfaces shared across all applications. It ensures consistency and efficiency in design and development workflows.
Iconography
establishes the visual language of icons used across the EBRAINS ecosystem. It includes scalable, accessible icons designed to communicate ideas clearly and align with the overall brand style.