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

System UI

import"@truvar-ai/design-system/os"

System UI

The always-visible parts of Truvar OS. Icons carry their state (signal, charge, sync), and privacy indicators appear whenever the mic or camera is in use.

System icons

Built on SystemIcons

Same rounded stroke as the rest of Truvar. Low battery turns red, charging turns green, syncing turns gold.

Wi-Fi
Weak signal
Wi-Fi off
Battery
Battery low
Charging
Synced
Syncing
Offline
Microphone
Camera
Bluetooth
Location
Airplane mode
Do not disturb
Protected
Locked
Face unlock
Devices
Laptop
Phone
Cloud server
Home
Keyboard
Apps
Lights
Temperature
TV
Door
Payments

System bar

Built on SystemBar

The orbit opens Taysir. When the mic or camera is on, a dark pill says so, in words.

7
AFAbdelrahman Fathy
Mic on7
AFAbdelrahman Fathy
Mic onCamera on2
7

Voice dock

Built on VoiceDock

One big target to talk, with apps and keyboard either side. Idle, listening and working states.

Notifications

Built on NotificationCard + NotificationStack

The most useful item leads; the rest fold into a summary with counts per app.

and 7 more things I prepared overnight331