Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design Gitcoin email that support dark mode #342

Open
7 tasks
PixelantDesign opened this issue Mar 18, 2021 · 2 comments
Open
7 tasks

Design Gitcoin email that support dark mode #342

PixelantDesign opened this issue Mar 18, 2021 · 2 comments

Comments

@PixelantDesign
Copy link
Collaborator

PixelantDesign commented Mar 18, 2021

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 PixelantDesign changed the title Create a version of the l logo that supports dark mode Create Gitcoin logos that support dark mode Mar 18, 2021
@PixelantDesign PixelantDesign changed the title Create Gitcoin logos that support dark mode Design Gitcoin email that support dark mode Apr 16, 2021
@PixelantDesign
Copy link
Collaborator Author

@melvinalvarez ^

@mlvein
Copy link
Contributor

mlvein commented Apr 17, 2021

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

  • Ensure the email looks good in 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 the email footer
  • The logo on the weekly mint uses the same mint color as stroke instead of white

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants