search

grey-software / website

Grey Software's public website
https://www.grey.software
13 stars 1 forks source link

Insights card component design completed - InsightsCard.vue #32

Closed OsamaSaleh289 closed 4 years ago

OsamaSaleh289 commented 4 years ago
Screen Shot 2020-08-25 at 12 34 07 PM
ArsalaBangash commented 4 years ago

Since the card doesn't have the graph under it, it looks a bit odd being so short. I propose we rearrange the statistics in the following manner

image

I imagine the profile picture and the name being on top, with the stats on the bottom being rendered as follows (with their respective color codes of course) image

ArsalaBangash commented 4 years ago

The design you created for the insights card looks like it would fit well into a light UI theme, But since the Grey software website is dark themed, I recommend switching up the colors. Use lighter whites and grays for the text, make the card stand out from the background using border shadows, and add a nice looking border radius like the insights card on Github