Update colors and button labels of 'Three buttons' pattern #23849
Conversation
enriquesanchez
added
the
[Feature] Patterns
enriquesanchez
requested review from
spacedmonkey and
TimothyBJacobs
as code owners
enriquesanchez
changed the title
|
Size Change: +527 B (0%) Total Size: 1.14 MB
ℹ️ View Unchanged
|
|
Perhaps it would make sense to source these from the WordPress palette? Maybe a blue one, a dark gray one, and a black one, or something like that? I don't expect that these colors will match many folks' sites out of the box. |
|
@kjellr Thanks for the feedback 🙏 I've updated the colors and also changed the button labels, let me know what you think.
|
|
Thanks! That seems pretty good. Is there a gray we can use that's a little closer to black? It looks a little bit like a disabled button to me. |
Thanks, @kjellr. The next darker shade in the WP color palette is #000. I feel these two colors now feel to close:
If we want to stick with the WP's colors, what if we tried different shaded of blue?
|
|
I like aligning with the WP color palette. Using a primary blue and black is a great idea. What if the third color is either the red, yellow, or green? |
|
Here are a few variations using WP colors:
|
youknowriad
added
the
Backport to WP 6.7 Beta/RC
|
I'm a little stumped on these. The green one seems a little unusual and bright to me. Thinking cohesively about all of the block patterns, are there other colors we're using that we can pull in here instead? |
|
I think 3 different colors is where this becomes too much. The one above with two colors from Enrique is visually stronger, but I think the grouping from the color is off. Try one where the "Authors" and "Publishers" are one color and "Books" are another. This way it relates the people together (authors and publishers) in the buttons, and the thing (books) as a separate button. What do you think? |
|
Yeah, pulling three colors in here is difficult, and also may not reflect what users would end up doing. |
|
Agreed. Here's an example following Mark's suggestion:
|
|
Cool, I think that works, or else just having one blue button and two black after it. 👍 |
|
Here's a quick visual of @kjellr's suggestion for comparison sake.
|
youknowriad
removed
the
Backport to WP 6.7 Beta/RC
Updates background colors and labels of the 'Three buttons' pattern.
Before:
After:
