Design System

A comprehensive collection of UI components for building the Posture experience.

Typography

Heading 1 - Device Security

Heading 2 - Fleet Management

Heading 3 - Compliance Status

Heading 4 - Policy Enforcement

Heading 5 - App Deployment

Heading 6 - Remote Actions

Body text - Posture gives you complete visibility into your device fleet. Monitor security posture, enforce policies, and keep your organization safe.

Small text - Last synced 2 minutes ago

Extra small - Device ID: abc-123-xyz

Colors

Primary

Secondary

Muted

Accent

Destructive

Card

Background

Foreground

Buttons

Badges

DefaultSecondaryDestructiveOutline

CompliantWarningCriticalmacOSiOS

Form Elements

Device Name

Device ID

Notes

Operating System

Require disk encryption

Firewall enabled

Auto-update policies

Allow remote wipe

Cards

Laptops

Managed laptop devices

247

12 need attention

Mobile

Managed mobile devices

183

All compliant

Servers

Managed server instances

3 updates pending

Alerts

Information

Your device fleet is being monitored. All policies are up to date.

Security Alert

3 devices have outdated security patches. Immediate action required.

Tabs

Fleet overview with key metrics and compliance status.

Progress & Loading

Compliance Score87%

Devices Enrolled65%

Policy Deployment100%

Skeleton Loading States

Avatars

CNJDAB

Tooltips

Device Status Card Example

MacBook Pro 16"

Engineering Team

Compliant

OS VersionmacOS 14.2

Last Seen2 minutes ago

Disk EncryptionFileVault On