Summary
Draft copy“Never Miss a Day of Allah's Protection.”
The sun rises and sets without you having to think about it, just like MyGiving's automated donation options. Automatic. Consistent. Meaningful.
MyFajr is the everyday spoke. Where the others gather around a season or a single day of the week, MyFajr gives a little every day, so giving becomes part of the rhythm of the day rather than an event.
- Role
- Automated daily giving.
- Palette grouping
- Horizon (proposed)
- Relationship
- Part of MyGiving
Logo
The same icon-in-wordmark construction as every entity in the family, Titlecase Figtree Bold. See Logo for clear space, minimum size, and don’ts.
Download logo files (SVG, PNG)
Colour
The 500 step is the brand colour. Lighter steps are for backgrounds and tints, darker steps for text and pressed states. Standalone, the gradient runs vibrant; inside the hub, it mutes down. The full system lives on Color.
MyFajr Teal
MyFajr
50
#FAFCFE
100
#F2F9FB
200
#E9F5F8
300
#DEF1F5
400
#D0EBF0
500 · Base
#C0E4EA
600
#A9C9CE
700
#95B1B5
800
#7B9396
900
#607275
950
#3A4547
MyFajr Peach
MyFajr
50
#FCFAFB
100
#FCF2F1
200
#FDE9E6
300
#FDDDD7
400
#FDCEC4
500 · Base
#FEBCAE
600
#E0A599
700
#C59287
800
#A37970
900
#7F5E57
950
#4D3935
Gradient
Teal-500 into Peach-500, #c0e4ea to #febcae
Text on MyFajr colour
| Pairing | Ratio | Verdict | Use |
|---|---|---|---|
| Pine-950 on Teal-500 | 11.2:1 | AAA | Text on the top of the card |
| Pine-950 on Peach-500 | 9.4:1 | AAA | Text on the bottom of the card |
| White on Peach-500 | 1.6:1 | Fail | Never, use Pine-950 text |
Shader Gradient
In the product, MyFajr surfaces use a slow, moving shader gradient with a light grain over it. The spectrum runs light to dark in six stops. The lightest stop is the card background, laid over white at 80% opacity. Darker stops get a little more movement so it stays visible.
MistCard background
#EDF6F8 → #F1EBEA → #F9CCC2
Dawn
#D3EAEE → #DBCCC8 → #F89F8C
Warmth
#90CFDA → #BA9A91 → #FC5430
Ember
#3DB3C7 → #906256 → #C72300
Ember Deep
#257A89 → #5A3D35 → #701400
Midnight Ember
#144952 → #2E1E1A → #290700
In the Wild
Shipped work, not mockups. More context on each lives on Applications.
