Foundations

Aa أب The colours, type and spacing every screen is built from.

Accent theme

Typography

Readex Pro for interface and text, Lalezar for display. Both cover Arabic.

Hello
Heading 1 · 36
Heading 2 · 28
Heading 3 · 22
Heading 4 · 18

Body 16. Send money to friends in seconds and see every riyal you spend.

Small 14 for secondary details.

Overline 12
Available balance SAR 24,580.00

Colour

Bar--mk-bar-bg
Accent--mk-accent
Accent surface--mk-accent-surface
Page--mk-surface-page
Card--mk-surface-card
Sunken--mk-surface-sunken
Transfer sent
Bill due tomorrow
Not enough balance
New card on its way

Space, shape and depth

space-1 · 4
space-2 · 8
space-3 · 12
space-4 · 16
space-5 · 24
space-6 · 32
space-7 · 48
space-8 · 64
8
12
20
pill
shadow-sm
shadow-md
shadow-lg