Logo

import"@truvar-ai/design-system"

Logo

The Logo component swaps to reversed artwork in dark theme, so the wordmark stays legible on every surface. The wordmark stays in Latin letters in both languages.

Wordmark

Built on Logo

tone="auto" follows the theme. tone="onDark" forces the reversed art, for example on the navy brand field.

Current theme

On brand field

Monogram

Built on Logo variant="monogram"

The Tr monogram is for app icons. The assistant avatar uses the orbit dots from the mark inside a gold ring. Minimum 24px.