Component gallery

Core components

Every component is built from the tokens in one file and works in Arabic (right to left) and English, light and dark.

Status banner

Status chips

Waiting on youWaiting on you
Waiting on othersWaiting on others
DoneDone
Needs attentionNeeds attention
On holdOn hold
DraftDraft

Buttons

Sign the agreement

See the details

Save and continue later

Delete the deposit for good

This button works after you have read the agreement.

Wizard step

Question 1 of 6

Are you the software maker or the software buyer?

Choose one
What does this mean?
The maker owns the source code. The buyer uses the software and wants it to keep working.

Save and continue later

Field with an error

Empty and error states

No agreements yet

When you start an agreement, it appears here with its status.

Start your first agreement

Mixed-direction text check

The company Faisal Software Co. (KSA) signed on 2026-11-12 with fingerprint 4F2A 91C0 7B3E D5A8.

Colours