[UX] Website Design for Layer5 Design System

[leecalcote]

Current Behavior

Outside of https://layer5.io/brand, no website represents the sistent design system and it's collective artifacts.

Desired Behavior

See the following sites for inspiration and vision:

1. https://helios.hashicorp.design
2. https://design-system.hpe.design
3. https://ant.design

Implementation

1. Leverage Layer5 brand guide (see link above) to create designs for a new website to represent, Sistent, Layer5's Design System.

Acceptance Tests

1. Community (at-large) has been given an opportunity to review. Post Call-for-Review on https://discuss.layer5.io.
2. Maintainers have reviewed and approved site designs.

Mockups

mockups needed

Related

See #23

---

Contributor Guide

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)

[sasura212]

Can you assign it to me?

[leecalcote]

@sasura212, thanks for volunteering. How can we help ensure your success? Do you have any prior UX experience? - a portfolio that you can share? You can introduce yourself in the community Slack, if you like, so that other members might get a chance to be acquainted and for you to have more context of this initiative.

[sasura212]

@sasura212, thanks for volunteering. How can we help ensure your success? Do you have any prior UX experience? - a portfolio that you can share? You can introduce yourself in the community Slack, if you like, so that other members might get a chance to be acquainted and for you to have more context of this initiative.
I have prior experience in ui/ux but haven't worked with an org yet. I have also been learning graphic and 3D designing. I saw this as a great opportunity to further level up my skills and also contribute to your org.
HarshitSingh.pdf

[leecalcote]

@Rexford74 will you post a link to the Sistent Website mockup?

[leecalcote]

We’ll need to revise the Sistent website mockups a teensy bit such that the main layer5.io header and footer is used. I suspect that much of the rest could remain the same.

Link to Sistent website mockups - https://www.figma.com/file/ekm0Hh6M25bSKpP5BcIJom/Sistent-Design-System?type=design&mode=design&t=iNl5lDpQIpDttNw6-0