Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
jasmussen opened this issue Apr 15, 2024 · 5 comments
Open

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

jasmussen opened this issue Apr 15, 2024 · 5 comments
Labels

Comments

@jasmussen
Copy link

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:

wide
medium
small

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:

before-after

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 ryelle transferred this issue from WordPress/wporg-main-2022 Apr 15, 2024
@ryelle
Copy link
Contributor

ryelle commented Apr 15, 2024

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.

@ryelle ryelle added the [Component] Theme Front-end help needed label Apr 15, 2024
@ndiego
Copy link
Member

ndiego commented Apr 15, 2024

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

@jasmussen
Copy link
Author

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
Copy link

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
Copy link
Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants