Improve Knative Linkedin page

[aliok]

https://www.linkedin.com/company/knative

Issues:

• Logo has borders around it
• Logo has a grey background
• The banner is a great visual, but its scale/size is not ideal and looks bad

[aliok]

The banner is a great visual, but its scale/size is not ideal and looks bad

We need to get the source for the visual and generate new images out of it, with the size LinkedIn recommends to have in the banner.

[mohdsultan18]

/assign

[aliok]

Some notes:

• @Leo6Leo can provide the visual source
• Let's check that in into this repository (under a new directory called visuals/banners) if possible
• Create the correctly size image, check it in too!
• Somebody from the Knative Steering Committee can update the LinkedIn page

Logo is easier, somebody from the KSC needs to update the logo with the one in https://github.com/cncf/artwork/blob/main/examples/incubating.md#knative-logos UPDATE: I did this now

[Leo6Leo]

Made another version for the banner with the precise size according to linkedin's requirement, please lmk how do you all think!

@mohdsultan18 Feel free to make yours if you want! And I can provide you with the figma link with the visual source

[mohdsultan18]

Here is the logo

[Leo6Leo]

@mohdsultan18 It seems like the size of the logo you uploaded here does not satisfy LinkedIn's requirement here.

Also, the logo's background is transparent, and this won't solve the problem(grey background) as Ali's screenshot shows.

[aliok]

Made another version for the banner with the precise size according to linkedin's requirement, please lmk how do you all think!

It looks great!

However, I didn't understand the size requirement part. https://www.linkedin.com/help/linkedin/answer/a563309/image-specifications-for-your-linkedin-pages-and-career-pages?lang=en says recommended image size for cover is "1128 (w) x 191 (h) pixels" but the image you posted is 1584x396. The w/h ratio doesn't match.

Also, I wouldn't put anything on the 20% left of the banner as there will be the logo shown on top of it.

[mohdsultan18]

1128 (w) x 191 (h) What about this logo @aliok

[Leo6Leo]

And this is how it looks like on linkedin page.

@aliok I put the CNCF logo on the top left corner, please let me know whether it meets CNCF's guideline or not. If not, I will remove it.

[aliok]

Looks great to me!

[aliok]

I leave @zainabhusain227 and @mmejia02 to close this one

[mmejia02]

I really like it!! Amazing work. I am only a bit worried about using white for the background gradient, as it blends in with the rest of the LinkedIn page. It may create a bit of visual confusion. Maybe we could do a lighter blue gradient? Or even a light gray (could be #F7F7F7)?

[Leo6Leo]

@mmejia02 Thanks!! The reason why I leave it as white background is due to linkedin's limitation. The logo on the left on the linkedin page cannot have transparent as you can see here in ali's screenshot here.

But one solution might work is:

• Change the logo background to grey
• Change the gradient colors to lighter blue + grey

WDYT?

[aliok]

Let's try your suggestion @Leo6Leo if looks bad, maybe we go with @mmejia02 's suggestion