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

🎨 Enhance Table Design to Reflect WhyDRS Brand Colors and Modern Aesthetics #7

Closed
JamesAlfonse opened this issue Sep 6, 2024 · 5 comments

Comments

@JamesAlfonse
Copy link
Member

The current table design in our application lacks visual cohesion with the WhyDRS brand and modern UI trends. This issue aims to update the table's appearance to improve user engagement and brand consistency.

Tasks:

  • Color Scheme: Change the header row background to our branded blue color with white text for better visibility and brand alignment.
  • Rounded Corners: Apply rounded corners to the table to give it a more contemporary look.
  • Visual Enhancements: Introduce a color gradient or a subtle "bubble" effect in the header row to make the UI more appealing and dynamic.

Expected Outcome: A visually appealing table that aligns with the WhyDRS brand colors, enhancing the overall user experience and maintaining consistency across our digital platforms.

@JFWooten4
Copy link
Member

Here are the colors by my understanding:

  • 🔵 Blue: #134F9B
  • ⚫ Black: #2B2B2B
  • There might be other established colors from, e.g., the present explainer?

If this is correct @tehchives, then we can incorporate into the docs, too.

@BibicJr
Copy link
Collaborator

BibicJr commented Sep 11, 2024

You are correct John, there are a couple of extra ancillary colours too (as featured in the explainer video):
Green #2E732E
Orange #E26848

And a bonus purple as is featured in the shield icon I'm using for my pfp:
Purple #8002AF

@tehchives
Copy link
Collaborator

144f9b is the blue in the main logo, and 2b2b2b is the black in the main logo.

I took a look at the website and in the body of articles, we use a different blue and a different black for headings and text. In those cases, the heading is a blue with hex of 005BA9 and the text is a black with hex of 3E3E3E

In the explainer video we have on the homepage, a different blue with a hex of 104C85 was used for the Transfer Agent box and some other graphics. The logo at the end of the video uses the 144f9d and the 2b2b2b that you identified.

@JFWooten4
Copy link
Member

JFWooten4 commented Sep 11, 2024

@tehchives So 005BA9 is something we want to keep using? (edit directly)

Thank you and @BibicJr for the quick info! 🤝

Also, do we know the WhyDRS logo font?

JFWooten4 referenced this issue in WhyDRS/DAO-docs Sep 15, 2024
@JamesAlfonse
Copy link
Member Author

Closing issue and continuing improvements in issue #17

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

No branches or pull requests

4 participants