@voraus/assets

The files of the voraus brand: the logos and the font. No framework and no build step, so every consumer reaches the same file.

Usage

import logo from '@voraus/assets/logos/wordmark-gradient.svg'

@import '@voraus/assets/fonts/roboto.css';

Logos

The seven files of the style guide, one per surface, so each one works as an <img> as well as inline. Which file is for which surface is in each file's own data-token-description, and the brand platform shows them in its logo gallery.

test/logos.test.ts holds each file to what an inlined SVG and the gallery need, and says why each check exists.

Fonts

Roboto in the four weights in use, Light and Regular also in italic, self-hosted through Fontsource. Only the Latin and Latin Extended subsets, and only as WOFF2: a bundler copies every file the stylesheet names into the build, so it names only what a page reads. Why, and what falls back, is in the comment at the top of src/fonts/roboto.css, and test/fonts.test.ts keeps it that way. The stylesheet uses bare specifiers, which a bundler resolves; a page loading it with a plain <link> serves the files itself. What each face is, and why NB Architekt R Neue is not shipped here, is in the font.family tokens.