creative icon indicating copy to clipboard operation
creative copied to clipboard

Design Gitcoin email that support dark mode

Open PixelantDesign opened this issue 4 years ago • 2 comments

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 avatar Mar 18 '21 14:03 PixelantDesign

@melvinalvarez ^

PixelantDesign avatar Apr 16 '21 00:04 PixelantDesign

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

mlvein avatar Apr 17 '21 00:04 mlvein