Getting Started

Overview Contributing Navigating Repository

Brand

Foundations

Overview Color Palette CSS Framework Layout Spacing Tokens Typography

UI Components

Overview eds-accordion eds-alert eds-avatar eds-block-break eds-breadcrump eds-button eds-card-app eds-card-cta eds-card-feature eds-card-generic eds-card-hero eds-card-stat eds-code-block eds-dropdown eds-feedback eds-footer eds-form eds-gauge eds-header eds-icon-wrapper eds-img eds-input-dropzone eds-input-field eds-input-file eds-input-search eds-link eds-logo eds-modal eds-nps eds-pagination eds-pie eds-progress-bar eds-rating eds-sidebar eds-social-networks eds-spinner eds-splash-screen eds-steps-v2 eds-steps eds-switch eds-table eds-tabs eds-tag eds-toast eds-tooltip eds-user

Shared UI

Overview eds-global-search eds-kg-learning-resources eds-kg-web-services-select eds-matomo-notice

Applications

Overview Integration Guide Plain HTML Setup Tailwind Migration

Patterns

Overview Empty & Loading States Forms Navigation Notifications Page Layouts

Resources

Accessibility Analytics IBM Plex Icons

Home / Foundations / Spacing

Storybook GitLab

Updated Aug 18, 2025

List of spacing tokens

Explore some of the spacing tokens used in our design system

© 2026 EBRAINS. Licensed under MIT.