Bizra design system

Colours, type and components shared by the web app, the portal and admin. Every colour pair here passes WCAG 2.1 AA in light and dark.

External provider control

Configured provider controls use this accessible slot.

Colours

Surfaces and text

background
#F6F8FA · #071623
surface
#FFFFFF · #102536
surfaceRaised
#FFFFFF · #172F42
surfaceSunken
#F1F5F8 · #1E3A4E
textPrimary
#061C2E · #F2F7FB
textSecondary
#526276 · #B7C8D7
textMuted
#5F6F82 · #91A9BE
border
#E1E8EF · #304758
borderStrong
#7C8DA0 · #7893A8

Brand

primary
#0F2D4A · #ABC9FF
primaryHover
#193B58 · #C5DAFF
onPrimary
#FFFFFF · #061C2E
primarySoft
#F0F5F8 · #1E3A4E
primarySoftText
#0F2D4A · #D9E5ED
focusRing
#245476 · #ABC9FF
accent
#E8603C · #E8603C
accentHover
#EE8062 · #EE8062
onAccent
#061C2E · #061C2E
accentSoft
#FFF0EB · #432921
growth
#10B981 · #10B981

Feedback

success
#047857 · #71E0B6
successSoft
#DDF8EC · #103B34
warning
#965A04 · #FFD17B
warningSoft
#FFF4DF · #3A2B12
danger
#B42318 · #FFADA6
dangerSoft
#FCEBEA · #432724
info
#1D4ED8 · #ABC9FF
infoSoft
#E8EFFC · #162E4F

Money

owedToYou
#047857 · #71E0B6
youOwe
#965A04 · #FFD17B
overdue
#B42318 · #FFADA6

Type

display · 32/49.6 · 600

Atlas Distribution owes you ⁦12,400.00 MAD⁩

h1 · 24/37.2 · 600

Atlas Distribution owes you ⁦12,400.00 MAD⁩

h2 · 20/31 · 600

Atlas Distribution owes you ⁦12,400.00 MAD⁩

h3 · 16/24.8 · 600

Atlas Distribution owes you ⁦12,400.00 MAD⁩

bodyLarge · 16/24.8 · 400

Atlas Distribution owes you ⁦12,400.00 MAD⁩

body · 14/21.7 · 400

Atlas Distribution owes you ⁦12,400.00 MAD⁩

caption · 12/18.6 · 500

Atlas Distribution owes you ⁦12,400.00 MAD⁩

label · 12/18.6 · 600

Atlas Distribution owes you ⁦12,400.00 MAD⁩

Icons

Actions

Forms

MAD

Enter the 15 digits of the ICE.

VIP
Casablanca

Press Enter or a comma after each tag.

Invoices

Statuses

Draft
Issued
Partly paid
Settled
Overdue
Cancelled

Money

Atlas Distribution owes you

12,400.00 MAD

You owe Sotrapal

8,250.00 MAD

Overdue for more than 30 days

3,180.50 MAD

Tables

Status
FAC-2026-014314/10/2026Atlas Distribution12,400.00 MAD
Issued
—14/10/2026Sotrapal8,250.00 MAD
Draft
FAC-2026-014209/10/2026Café Zitoune1,860.50 MAD
Partly paid
FAC-2026-013912/09/2026Ennour Matériaux3,180.50 MAD
Overdue
FAC-2026-013128/08/2026Riad Bleu Tanger940.00 MAD
Settled

Document card

Issue this invoice?

3 lines

This gives the invoice number ⁦FAC-2026-0143⁩ and records that Atlas Distribution owes you ⁦12,400.00 MAD⁩. Issued invoices can’t be edited; corrections use a credit note.