Guidelines & Component
The rules and guidelines that were used in MaMoh App
Style Guide
01. Color
Primary
#203F77
Secondary
#04A6D0
Thirty
#EC6400
Rate
#FFAF44
Pending
#F3A638
Delete
#F55157
Accepted
#3F3FFB
Success
#00AF6C
Background
#1D1F1F
Gray - 600
#333333
Gray - 500
#444444
Gray - 400
#666666
Gray - 300
#A5A5A5
Gray - 200
#D6D6D6
Gray - 100
#EEEEEE
Gray - 50
#F8F8F8
White
#FFFFFF
Blue - 800
#122341
Blue - 700
#172D54
Blue - 600
#1D396C
Blue - 500
#203F77
Blue - 400
#4D6592
Blue - 300
#6A7EA4
Blue - 200
#98A7C0
Blue - 100
#BAC3D5
Blue - 50
#E9ECF1
Style Guide
02. Typography
Typeface
Almarai
Regular
Medium
Bold
Aa
Style
Weight
Size
Line Hight
Heading H1
Bold
24
36 px
Heading H1
Bold
18
27 px
Heading H1
Bold
16
24 px
Heading H1
Bold
14
21 px
Heading H1
Bold
12
18 px
Heading H1
Bold
10
15 px
Heading H1
Regular
18
27 px
Heading H1
Regular
16
24 px
Heading H1
Regular
14
21 px
Heading H1
Regular
12
18 px
Style Guide
02. Logo
Style Guide
03. Icon & Status Bar
Style Guide
04. Buttom bar
Style Guide
04. Inputs
Style Guide
03. Buttons
Primary
Secondary
Link
Waring
Style Guide
04. Inputs
Style Guide
04. Pop up
Style Guide
04. Empaty Page
Style Guide
04. Country Flag
Style Guide
04. Country Flag
الفلاتر
الفلاتر تساعدك للحصول على أفضل النتائج
الكمية
30
10
الحالة
مرفوض
قيد الفحص
نشط
الكل
حالة توفر كمية المنتج
غير متاح
متاح
الكل
القسم الرئيسي
منتجات تجميل
ملابس
الكل
قسم رئيسي
اكسسوارات ومجوهرات
قسم رئيسي
قسم
قسم رئيسي
قسم
قسم رئيسي
قسم رئيسي
المدينة
حدد المدينة
الغاء
تطبيق الفلاتر
😍
Thank you
If you enjoyed this case study or have any feedback, I’d love to hear from you.
for Back click Here