Summary
Draft copy“Never miss laylatul qadr.”
Set it up once and your giving is spread across the last ten nights of Ramadan, so whichever night laylatul qadr falls on, you've already given.
MyTenNights is the night spoke. Deep blue, dark into bright, the most seasonal and the most urgent of the family.
- Role
- Automated giving for the last ten nights of Ramadan.
- Palette grouping
- Night (proposed)
- Relationship
- Part of MyGiving
Original MyTenNights 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)

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.
MyTenNights Blue
MyTenNights
50
#F4F7FE
100
#D1E1F9
200
#AECAF4
300
#80ADEE
400
#4688E6
500 · Base
#025DDD
600
#0252C2
700
#0248AB
800
#023C8E
900
#022F6F
950
#001635
Gradient
Blue-950 into #0449ab, #001635 to #0449ab
Text on MyTenNights colour
| Pairing | Ratio | Verdict | Use |
|---|---|---|---|
| White on Blue-950 | 18.0:1 | AAA | Text on the top of the card |
| White on Blue-500 | 5.8:1 | AA | Buttons and solid fills |
| Pine-950 on Blue-500 | 2.6:1 | Fail | Never, use white text |
Shader Gradient
In the product, MyTenNights 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.
TwilightCard background
#E8F0FD → #DFEBFC → #C2D9FA
Dusk
#C6DCFB → #A9CBF9 → #8BB8F9
Sky
#6EA9FC → #5098FC → #2E85FF
Ocean
#056CFF → #0060E6 → #0053C7
Deep Night
#0048AD → #003C8F → #002F70
Midnight
#002A66 → #001E47 → #001129
In the Wild
Shipped work, not mockups. More context on each lives on Applications.




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.

Pre Ramadan
“One set up, don’t miss out.” Four characters, story, feed, and landscape crops.

First 20 Days
“Have you set up your giving schedule yet?” with the 10 Nights notification.

Last 10 Nights
“I caught Laylatul Qadr” and “I made sure they all caught Laylatul Qadr.”

Extras
Starfield backgrounds, a partner story, and Ramadan Mubarak.

Logo Placement Guidelines
Partner logo and CTA clearance areas, in pixels, for story, feed, and landscape.

Video Endcards
Wordmark and URL pill, with and without a partner logo.