Summary
Draft copy“Catch the day of Arafah.”
The first ten days of Dhul Hijjah are the best days of the year. Set it up once and you give on every one of them, the day of Arafah included.
MyTenDays is the sky spoke. Pale blue into warm yellow, the brightest and calmest of the family.
- Role
- Automated giving for the first ten days of Dhul Hijjah.
- Palette grouping
- Sky (proposed)
- Relationship
- Part of MyGiving
Original MyTenDays brand guidelines
The standalone guide from before the family system. Stale in places, so where it disagrees with this site, this site wins.
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)
“Part of” lockup
[OPEN] No “Part of MyGiving” lockup has been exported for MyTenDays yet.
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.
MyTenDays Blue
MyTenDays
50
#FBFCFF
100
#F5F8FD
200
#EEF5FC
300
#E6F1FB
400
#DCEBF9
500 · Base
#D0E4F7
600
#B7C9D9
700
#A1B1BF
800
#86939F
900
#69737C
950
#3F464B
MyTenDays Yellow
MyTenDays
50
#FCFAF8
100
#FBF1DE
200
#FAE8C3
300
#F8DCA0
400
#F6CD74
500 · Base
#F4BB41
600
#D7A539
700
#BD9132
800
#9D782A
900
#7A5E21
950
#403111
Gradient
Blue-500 into Yellow-100, #d0e4f7 to #fbf1de
Text on MyTenDays colour
| Pairing | Ratio | Verdict | Use |
|---|---|---|---|
| Pine-950 on Blue-500 | 11.6:1 | AAA | Text on the card |
| Pine-950 on Yellow-500 | 8.7:1 | AAA | Text on the yellow accent |
| White on Blue-500 | 1.3:1 | Fail | Never, use Pine-950 text |
Shader Gradient
In the product, MyTenDays 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.
HorizonCard background
#EBF2FA → #EBEFEF → #F4E5C8
Dawn
#CDE1F4 → #CDD6D6 → #EDCF97
Sand
#81B6E9 → #9CB0B0 → #E8B045
Dune
#2185E4 → #658181 → #B97E0E
Dusk
#10599D → #3E5151 → #6B4806
Night
#08345E → #1F2828 → #281A01
In the Wild
Shipped work, not mockups. More context on each lives on Applications.
Nothing collected yet
Open, proposedIndividual MyTenDays exports haven't been added yet. The full campaign board is below.
Campaign Boards
Whole campaign sheets from previous seasons, straight from Figma. Useful for seeing how a season builds, from first set-up message to the final push. Open any board to see it full size.
Dhul Hijjah campaign
Eight moments, from “One set up. Ten days covered.” through Arafah to Eid, in story and feed crops.