Foundations

This section defines the building blocks that ensure visual consistency and a cohesive user experience across all EBRAINS products. These foundations include colors, typography, spacing, tokens, and layout guidelines.

The Color Palettes includes detailed tables with HEX, RGB, CMYK values, and usage guidelines to ensure precise color application across EBRAINS products.

The Tokens section offers reusable design variables for colors, spacing, typography, and more—streamlining consistency and simplifying style updates across applications.

The Layout serves as a central guide for arranging content consistently across products.

The CSS Framework documents the ready-to-use output.css and vars.css files from @ebrains/assets — use the full utility framework or just the CSS variables without installing components or Tailwind.