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

WhyDRS / Database

The WhyDRS database is a collection of data on transfer agents for public companies.

https://database.WhyDRS.org

Other

3 stars 1 forks source link

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

Closed JamesAlfonse closed 2 months ago

JamesAlfonse commented 2 months ago

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 commented 2 months ago

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 commented 2 months ago

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 commented 2 months ago

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 commented 2 months ago

@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?

JamesAlfonse commented 2 months ago

Closing issue and continuing improvements in issue #17