Tokens
Browse the @ebrains/assets package to access all design tokens used in our design system. Simply include the output.css from unpkg.com in your application, and you’ll have all the predefined tokens and custom classes ready to use. If you prefer, you can always create your own variables using the provided values listed below.
The mapped keys (e.g., f-${token}, bg-${token}, rounded-${token}) are custom tokens derived from the design system and are automatically included in the final CSS framework and can be used directly.
Note that, loading the predefined CSS framework, automatically loads the fonts so you can skip loading them separately.
For full installation instructions, CDN links, and a complete reference of all available utility classes and CSS variables, see the CSS Framework page.