External header and footer design mockups

[stephiescastle]

The design of the external header and footer needs to be reworked to accommodate different use-cases before it's added to Explorer 1. Creating this issue to capture discussion about the mockups @gekim84 @JPL-DesignLab.

[stephiescastle]

@gekim84 re-posting your comment from #172 here. Let's use this issue for continued discussion about the external header and footer.

https://www.figma.com/file/4w0ycZrXntqiJU9K6zfyvZ/?node-id=0%3A10658

Barebones Header and Footer

Example - Science and Technology

Example of Hover States: (Follows WCP styling except the down chevron arrows)

Submitted for design review on April 12, 2022

[stephiescastle]

Update: On May 3 we had a group design review session. I believe Michael is working on additional revisions and finalizing the design. @gekim84 please correct me if I'm wrong!

[gekim84]

Updates to the generic header,
https://www.figma.com/file/4w0ycZrXntqiJU9K6zfyvZ/JPL-WWW---Redesign-v5?node-id=2414%3A23942

• drop down arrows now allowed to use

[gekim84]

The GO Sticky NAV with a mega menu follows the same styling

With Background
https://www.figma.com/file/4w0ycZrXntqiJU9K6zfyvZ/JPL-WWW---Redesign-v5?node-id=2626%3A25136

No Background
https://www.figma.com/file/4w0ycZrXntqiJU9K6zfyvZ/JPL-WWW---Redesign-v5?node-id=2656%3A2536

1

[gekim84]

V7 Revision Demo:
https://designlab-jpl.monday.com/boards/554807423/pulses/2492161571?asset_id=491466938

Live Prototype:
https://www.figma.com/proto/4w0ycZrXntqiJU9K6zfyvZ/JPL-WWW---Redesign-v5?page-id=0%3A10658&node-id=2414%3A23942&viewport=241%2C48%2C0.16&scaling=min-zoom&st

Figma:
https://www.figma.com/file/4w0ycZrXntqiJU9K6zfyvZ/?node-id=0%3A10658

Screenshots:

arting-point-node-id=2414%3A23942