Binary UIKit

Mobile · Atoms

Buttons, chips, switches

The same visual language from a 36px tap target to a 52px hero CTA. Every state uses motion tokens; every surface respects the radius profile.

Variants

Primary

Secondary

Tonal

Outline

Ghost

Delete

Primary scale

Small

Medium

Large

With icons

Leading icon

Trailing icon

Search

Chips & segmented

Chips

Segmented

Switches

Notifications on

Notifications off

Mobile · Forms

Inputs with a calm resting state

Hint text lives below the field, error lifts to the same spot in danger red. Labels are optional — our defaults look good without them.

Default

Email We never share your email.

Default

Password At least 8 characters.

Error

Mobile · Feedback

Avatars, badges & notifications

Small surfaces, high frequency. Tuned for legibility at a glance.

Avatars

AC

Accent

IN

Ink

CR

Cream

Badges

Neutral

Accent

Success

Warning

Danger

Info