Family of Products

MyTenNights

Automated giving for the last ten nights of Ramadan.

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.

Open PDF

Site & Socials

The site and Instagram are where MyTenNights mostly lives. Link to these first.

Also on TikTok, X and Facebook.

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

PairingRatioVerdictUse
White on Blue-95018.0:1AAAText on the top of the card
White on Blue-5005.8:1AAButtons and solid fills
Pine-950 on Blue-5002.6:1FailNever, 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.

MyTenNights ad, I Made Sure They All Caught Laylatul Qadr, Set Up Donation button
Social ad, benefit-forward
MyTenNights Instagram post, the hospital scene with 'One set up, Catch Laylatul Qadr' copy
Instagram post
580 by 400 display banner, MyTenNights, I made sure they all caught laylatul qadr
Display banner, 580 × 400
MyTenNights x Niyyah co-branded Instagram story, Ten nights, five minutes a day
Partner story, MyTenNights × Niyyah

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.

MyTenNights Pre Ramadan campaign board

Pre Ramadan

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

MyTenNights First 20 Days campaign board

First 20 Days

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

MyTenNights Last 10 Nights campaign board

Last 10 Nights

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

MyTenNights Extras campaign board

Extras

Starfield backgrounds, a partner story, and Ramadan Mubarak.

MyTenNights Logo Placement Guidelines campaign board

Logo Placement Guidelines

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

MyTenNights Video Endcards campaign board

Video Endcards

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