Skip to content
Design System
العربية

Assistant mark

import"@truvar-ai/design-system"

Assistant mark

At rest the mark matches the logo: four pairs of dots around the centre. When the assistant is working, the pairs spread into an even orbit and start to turn. Hover any avatar to see it.

Rest and hover

Built on OrbitMark, BrandAvatar

Rest: the four pairs of dots from the logo. Hover or active: the pairs spread out and the orbit turns.

Rest
Hover me
Always active

Search loading

Built on SearchField + ProgressBar

The mark spins while results load. Screen readers hear “Searching” instead of the motion.

Talking with the assistant

Built on BrandAvatar activity="speaking"

While the assistant writes a reply, the mark turns slowly and its centre breathes.