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

Revisiting the color purple in the editing experience #62039

Open
annezazu opened this issue May 27, 2024 · 1 comment
Open

Revisiting the color purple in the editing experience #62039

annezazu opened this issue May 27, 2024 · 1 comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@annezazu
Copy link
Contributor

In preparing for 6.6, I'm seeing the use of purple more prominently in the editing experience. However, how it's used feels like there's room for improvement. Right now, there are two main reasons to see purple:

Right now, this purple mental model doesn't seem to hold with one representing a global connection (edit this and it updates everywhere) whereas the other is pointing out where something isn't globally connected to the synced pattern (edit here and it won't update there). We also show a purple connection icon to represent block connections and showing when something is sourced from somewhere else.

Am I missing something? How does this connect? How can we iterate here? @WordPress/gutenberg-design

Here's a video for good measure showcasing and talking about the use of purple:

purple.mov
@annezazu annezazu added [Type] Enhancement A suggestion for improvement. General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. labels May 27, 2024
@richtabor
Copy link
Member

Purple has evolved a bit into something that is paired/synced with another, rather than global only. A template part isn't necessarily global, but it's purple. A synced pattern the same.

Right now, this purple mental model doesn't seem to hold with one representing a global connection (edit this and it updates everywhere) whereas the other is pointing out where something isn't globally connected to the synced pattern (edit here and it won't update there).

It's a delicate balance for sure. I'd say if a synced pattern is denoted as purple outlines, then its overridable blocks should be as well — as they belong to that synced pattern.

We also show a purple connection icon to represent block connections and showing when something is sourced from somewhere else.

I really don't want to ship 6.6 with the purple synced icon instead of the block icon. #61515

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants