[Meshery] Improve upcoming Integration design

[sahilsuman933]

Description

The Meshery Integration Collection page currently shows both the working and in-production integration. To differentiate between those two we use White and Light slate gray background color. It will be great if we could do something and improve the design for the upcoming Integration.

Expected Behavior

• Improve the design for the upcoming Integration

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions
• 🎨 Wireframes and designs for Layer5 site in Figma.
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[leecalcote]

Swapping labels. It'd be good to point this out as a UX issue in the #newcomers channel.

[AaqilKrishna]

Hey @sahilsuman933 @leecalcote, I would like to work on this.

[sahilsuman933]

Sure go ahead @aaqilrk

[Shubhcs01]

Hey @aaqilrk if this issue not resolved, I also want to help?

[AaqilKrishna]

Hey @Shubhcs01, I have nearly resolved this issue. We can work together on something else 😄

[AaqilKrishna]

Hey @sahilsuman933, is this design any better or further changes are required?

[Shubhcs01]

Hey @sahilsuman933, is this design any better or further changes are required?

@aaqilrk In my persp I guess the grayscale color looks better for Inprogress Icons 🤔, @sahilsuman933 your opinion?

[AaqilKrishna]

Hey @sahilsuman933, is this design any better or further changes are required?

@aaqilrk In my persp I guess the grayscale color looks better for Inprogress Icons 🤔, @sahilsuman933 your opinion?

@Shubhcs01 The grayscale makes it difficult to identify the icons 😅, do you have any other suggestions 😄

[sahilsuman933]

It looks good, @aaqilrk, but I know you can do even better. Why don't you post your design on the website channel on slack and ask for reviews?

[AaqilKrishna]

It looks good, @aaqilrk, but I know you can do even better. Why don't you post your design on the website channel on slack and ask for reviews?

That is a wonderful idea, thank you 😄

[AaqilKrishna]

@sahilsuman933 I didn't get any feedback for the new design could you suggest any changes

[sahilsuman933]

I don't have any suggestions but I feel like there is something missing in the design. It doesn't give the vibe of upcoming integration.

Look for more design inspiration through dribbble or any other websites. I am sure you will be able to do better than this.

// @aaqilrk

[AaqilKrishna]

I don't have any suggestions but I feel like there is something missing in the design. It doesn't give the vibe of upcoming integration.

Look for more design inspiration through dribbble or any other websites. I am sure you will be able to do better than this.

// @aaqilrk

I will look into it. Thank you 😊

[sahilsuman933]

@Shubhcs01, would you like to take this issue?

[Shubhcs01]

@Shubhcs01, would you like to take this issue?

Yeah sure @sahilsuman933 I'm not very good at UI designs but I'll try my best 🙂

[sahilsuman933]

@Shubhcs01 any update?

[AbhishekTiwari23]

If it is still pending, then I would like to take it.

[sahilsuman933]

Sure, go ahead @AbhishekTiwari23

[AbhishekTiwari23]

Sure, go ahead @AbhishekTiwari23

Thanks, @sahilsuman933, for assigning me. I will respond as soon as possible.

[AbhishekTiwari23]

Sure, go ahead @AbhishekTiwari23

Sure, go ahead @AbhishekTiwari23

Hello @sahilsuman933, sir, you assigned me this task yesterday. I thought about specific changes, and after all, I concluded that we could only change the colour of the inactive cards. I decided to give a red hover effect with some styling, but these do not contain links, so I can't do that. So please let me know if I should change the colour! I am waiting for your suggestions. Please let me know so that I can make the first PR for Layer5

[sahilsuman933]

Before the PR, can you show me some sample @AbhishekTiwari23?

[sahilsuman933]

@NPDebs, would you like to work on this issue?

[NPDebs]

@NPDebs, would you like to work on this issue?

@sahilsuman933 Sure. I'm sure @richardnikolas and I can handle it. 🌝

Can you please provide a specific summary of what's expected here? Thank you. 🤲🏻

[richardnikolas]

@sahilsuman933 Sure. I'm sure @richardnikolas and I can handle it. 🌝

I would love to help 💃

[sahilsuman933]

You need to improve the design of the upcoming integration design.

// @NPDebs @richardnikolas

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.

[UtkarshMishra12]

@NPDebs @richardnikolas Please update