Tazkrtak Design System

• 1. Color Palette
• 2. Text Fields
• 3. Buttons

---

1. Color Palette

Use the following colors for client

Primary	Primary [Dark]	Accent	Grey [700]
#32BA7C	#0AA06E	#EFCE4A	#5D5D5D

Use the following colors for staff

Primary	Primary [Dark]	Accent	Grey [100]
#1089FF	#23374D	#424242	#F5F5F5

Common colors:

Success	Info	Warning	Danger
#28A745	#17A2B8	#FFC107	#DC3545

2. Text Fields

Use the outlined text field from Google's Material Design.

3. Buttons

Use rounded corners buttons with an upper case label.