Design Gitcoin email that support dark mode

[PixelantDesign]

Problem

Gitcoin Email does not look great in dark mode

What is the goal of having this graphics?

Create an email template that works on light mode and dark mode. We will need to stroke the logo with white so that Gitcoin emails can be seen on dark mode

Deliverable

Frame 14, Frame12, Frame 8 in the email figma

• [ ] - Ensure the email looks good in dark mode
• [ ] - Ensure the logos work on light and dark mode
• [ ] - Make all the emails into components for web and mobile
• [ ] - Create an email template that works on dark mode
• [ ] - Create all logos for email use (marketing and transactional) with a white stroke.
• [ ] - Create components for the email in figma
• [ ] - Confirm social media logo sizes in email footer

Reference

https://www.dyspatch.io/blog/the-danger-of-dark-mode-and-email/

[PixelantDesign]

@melvinalvarez ^

[mlvein]

https://www.figma.com/file/xAlNNd9ynDe5k7l7gDoCkd/Gitcoin-Emails-2021?node-id=0%3A1

• [x] Ensure the email looks good in dark mode

• [x] Make all the emails into components for web and mobile

• [x] Create an email template that works on dark mode

• [x] Create all logos for email use (marketing and transactional) with a white stroke.

• [x] Create components for the email in Figma

• [x] Confirm social media logo sizes in the email footer

• The logo on the weekly mint uses the same mint color as stroke instead of white