Landing page: Cosmetic & responsive design updates

hubmapconsortium / hra-ui

HRA UIs Monorepo (includes HRA Portal, EUI, RUI, ASCT+B Reporter, and more)

https://hubmapconsortium.github.io/hra-ui/

MIT License

3 stars 2 forks source link

Landing page: Cosmetic & responsive design updates #472

Open LibbyUX opened 1 week ago

LibbyUX commented 1 week ago

The HRA Dashboards landing page has been adjusted to be more dynamic and cosmetic.

This is a low priority development request.

Please see my annotated image of the updates and new section of the MVP1 canvas for all adjustments/breakpoints:

bhushankhope commented 1 week ago

@LibbyUX fixed in PR #477 . Thanks

bherr2 commented 6 days ago

@LibbyUX can you review and close if finished?

LibbyUX commented 6 days ago

@bherr2 yes, thank you for the reminder ping!

Off the top, it does need to be closer to spec:

Currently, the font on the visual cards does not match the spec. The live production cards use Nunito Sans, however, this was specified using our Label font, Metropolis 500/Medium.
Diversity & Inclusion needs to be reordered still in navigation

Let me review this more thoroughly tomorrow morning. I think the footers may need to match the design system footer as well. Adding to my task sheet. Thank you so much!

bherr2 commented 6 days ago

@LibbyUX please review from this URL for now https://cdn.humanatlas.io/ui/dashboard-ui/

LibbyUX commented 5 days ago

Thank you @bherr2 !! Reviewing now!

LibbyUX commented 5 days ago

Compared with notes. This is looking so fabulous!

Display font & overall notes
Visual cards: Questions & Requests
Footer: Requests

Also, two super exciting notes to document in GitHub as well as the Figma canvas:

The Display font weight in this preview looks AMAZING. This production font weight be applied globally to all interfaces using it.
The footer is so close. After these updates, it too can be applied globally.

Thank you! Go team!!

Screenshot 2024-06-27 at 10 35 38 AM