Usage

This section provides instructions and code snippets showing how to access and apply logos in Figma and code, ensuring that both designers and engineers work with a consistent, shared source of truth.

Logos in design

In Figma, Logos are available as components that can be placed anywhere in a design fiie.

Logos in code

There are two ways to use logos in code.

Use the CDN

All logos are published to our static asset CDN and can be directly referenced from there. They are located at https://rbds-static.redbull.design/@vandeer/foundation/latest/primitives/logos/

<img src="https://rbds-static.redbull.com/@vandeer/foundation/latest/primitives/logos/van-deer-dark.svg" />

Use the NPM package

Logos are packed and published as part of the NPM package. The are located at node_modules/@vandeer/foundation/primitives/logos/

They can be either copied to your build artifacts or imported to your modules via an svg loader.