tenzir-design-system

Tenzir frontend design system tokens, component specifications, and brand assets. Use when building or styling Tenzir UI, choosing colors or typography, implementing standard controls, or using official logos. Also use when implementing any web UI that should look like a Tenzir product, or when the user asks about Tenzir brand colors, fonts, or component patterns.

Tenzir Design System

Use the shared Tenzir design system when implementing frontend UI.

Start Here

Identify whether the task needs design tokens, a standard component, or a logo asset.
Load only the reference files needed for the current component or styling problem.
Prefer design tokens and existing component patterns over bespoke styling.

Design Tokens

Load these references as needed:

Use the --tnz- CSS custom-property prefix for design-system tokens.

Component References

Load the relevant reference before implementing the component:

Assets

Official logo files live in assets/logos/:

logo.svg
logo-white.svg
logomark.svg
logomark-white.svg

Use these assets for Tenzir products and integrations that should follow the official brand system.