News: Update paint stroke to not be clipped and looks vectorized

[jasmussen]

Let me know if this wasn't the right place to add an issue, and feel free to move it if the case.

The brush stroke on the landing page of News gets clipped in responsive widths:

Additionally it looks "crystalline" and vectorized, in contrast to the brush on the homepage which looks like real paint.

Here's a proposal to update it:

Finding the right brush stroke is non trivial. I wasn't able to find in the News figma a brush stroke that wasn't vectorized, but finding the original long one would be ideal. In absence of that, here's a PNG version of the one in the above example:

stroke.png.zip

[ryelle]

Let me know if this wasn't the right place to add an issue, and feel free to move it if the case.

News is a separate site & theme from main, I've moved this to wporg-news-2021.

[ndiego]

A great subtle improvement while remaining consistent with the original design. 🚢

[jasmussen]

I'm actually not entirely feeling that particular brush stroke. I think the size, fidelity, color, and position is right, but there's something about the older one that had a bit more character. I wonder, @fcoveram if you have thoughts?

[fcoveram]

I think the size, fidelity, color, and position is right, but there's something about the older one that had a bit more character.

I agree. The new one looks unintentional without expanding endlessly to the right side. It feels too decorative. Perhaps you can try placing it separately from News heading on the right side, similarly to the new homepage's hero.

[jasmussen]

The position we can tinker with, yes, but I actually also think we need a better paint stroke! I'll see if I can find the time, but if you happen upon one, go for it!