Title: core-css – Make WordPress Design

---

#  Tag Archives: core-css

 [  ](https://profiles.wordpress.org/estelaris/) [Estela Rueda](https://profiles.wordpress.org/estelaris/)
9:42 am _on_ September 8, 2021     
Tags: core-css, coreCSS, [design-show-and-tell ( 23 )](https://make.wordpress.org/design/tag/design-show-and-tell/)

# 󠀁[Monthly Design Show and Tell August 2021 – summary](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/)󠁿

This is a summary for the design Show and Tell meeting that happens the last Wednesday
of every month. This meeting took place on Wednesday 25 August 2021 via Zoom. Transcript
is below the video.

The design team meets every Wednesday at 1800 UTC. You can join the SlackSlack Slack
is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

Summary of topics

[@estelaris](https://profiles.wordpress.org/estelaris/) announced that she would
like to step down as team repTeam Rep A Team Rep is a person who represents the 
Make WordPress team to the rest of the project, make sure issues are raised and 
addressed as needed, and coordinates cross-team efforts..

[@joen](https://profiles.wordpress.org/joen/) inform us about an issue with the 
Figma library and he created a backup of 300+ components that had not been updated
in a while.

[@javiarce](https://profiles.wordpress.org/javiarce/) talked about his explorations
on the color UIUI UI is an acronym for User Interface - the layout of the page the
user interacts with. Think ‘how are they doing that’ and less about what they are
doing. for the inspector.

[@ibdz](https://profiles.wordpress.org/ibdz/) asked about the WordPress blue color,
is it time to start a conversation to change it to the new blue color proposed by
the [#core-css](https://make.wordpress.org/design/tag/core-css/) team.

Design team show & tell August 2021

### Transcript

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Recording. Okay. Hello
everybody. I want to welcome you all to the show and tell for the design team for
the month of August. It’s our last one for this summer. Um, and it’s open for everybody.
Um, that is just, uh, one announcement I want to make on this meeting. Um, I would
like to step down as design team rep. So, uh, I want all of you to start thinking
if somebody else wants to step up, uh, probably going to announce it and make it
like, like official on the Make blog around, you know, mid September, something 
like that. So I can give people time to think about it. And, um, thank you Ann. 
And, uh, yeah, well, whoever wants to step up, we’re going to make. The way we do
it, you know, in the design team is, um, I make a post to announce that I’m going
to retire and then I will, and then we open another post, uh, for, um, people to
nominate people who want, who we would like to be the rep. And then we vote on that
post and then would just on the next show and tell, but just say, who is going to
be our new team rep.

And then that will just be around to, to help you out just to see if you need me.
You don’t need me. It’s always great. That’s okay. But I think it’s been like, I’m
almost two years, so I think it’s time for somebody else to, to come up and do it
because whenever we have a new rep in like the entire, um, team, you know, everything
moves around and everything works different.

And I think that, you know, if the same person staystoo long. The teams get stuck
in and, you know, everything comes, turns into a monotony and all that stuff. So
I don’t like that. I like to, I like change. I like to give everybody a chance and,
um, because we all have great ideas and we all have different ways of, uh, talking
about, uh, leading the teams and talking with the team and, integrating everybody.

And that’s what I want. So whoever wants to, I will, I will pause probably by mid-
September just so you know, given, given everybody a chance to come back from holiday
from summer holidays and everything, and once we just kind of settle, then I’ll 
make I’ll announce it. Okay. So whoever wants to start thinking about it. And with
that let’s open the, the, um, room for everybody who wants or who has something 
to show us today who’s been working on, um, things or, um, Joen? Is Joen with us?

Or Javier, uh, Joen either one of you, you want tells us what happened with Figma
today? Just so everyone knows. Yeah. So everybody knows and, uh, and we make it 
official and, and, and, and explain what happened while we have and how we’re going
to move forward. Yep.

**[@joen](https://profiles.wordpress.org/joen/):** I’m happy to talk about it as
well. So we have this beautiful, wonderful Figma, uh, WordPress design library file,
which is used by quite a lot of people now and has quite a few people editing as
well. And there was an edit made, I don’t know, particularly what that edit was.
It could potentially be completely harmless, but after that one edit, whatever it
was, it wasn’t immediately visually apparent what had been done. 347 components 
were ready to be published with changes, which sort of set off the smoke alarm.

So it’s big because usually one or two gets updated and you can write a little change
log. So I stepped through the edit history and restored the version that did not
have 347 changes. And of course I took a backup of the file before. So if you made
any changes after July 27th, you can find those in the backup.

It’s in the wordpress.orgWordPress.org The community site where WordPress code is
created and shared by the users. This is where you can download the source code 
for WordPress core, plugins and themes as well as the central location for community
conversations and organization. [https://wordpress.org/](https://wordpress.org/)
organization Figma. It’s, it’s just called August, uh, backup. You can copy it over
and you can publish. So the Figma files are all good again. And, um, please of course
be mindful of the edits you make, but of course, every, all of those with edit rights,
we all make mistakes as well. I’ve made a couple. Just undo and all that stuff, 
but, um, just make your changes, publish, and then all should be good.

**[@kellychoffman](https://profiles.wordpress.org/kellychoffman/):** Thanks for 
doing that. Of course.

**[@joen](https://profiles.wordpress.org/joen/):** Thanks Javier for finding the
differences in all the new as well.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** I think they’re harder
to work with was figuring out what was going on. It’s terrible. The state of the
Figma history system. So I think we will find these, this problem in the future 
again. Yeah. Fix it. Yeah.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Yeah. Okay. Well, thank
you. Thank you for taking care of that and thank you for bringing that up. Hello
Paal and Boy. Okay. Any questions, anybody about the Figma? What happened? Nope.
Okay, cool. Um, nope. Okay. Anybody else has anything to share today?

**[@javierarce](https://profiles.wordpress.org/javierarce/):** Okay, so I can say
some non- amazing work.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Never say that it is
always amazing work. Hold on. Let me see. I need to get security. Yeah. Yeah, it
should be able to show.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** Perfect. Okay. Uh,
so I’m going to show you, um, uh,probably you remember that Shaun has been working
on the inspector sidebarSidebar A sidebar in WordPress is referred to a widget-ready
area used by WordPress themes to display information that is not a part of the main
content. It is not always a vertical column on the side. It can be a horizontal 
rectangle below or above the content area, footer, header, or any where in the theme.,
he’s been offering some ideas, uh, on how, how, uh, how to improve that sidebar,
uh, basically make it more compact and easier to read and reduce the chaos that 
sidebar has, uh, currently, um, and I’ve been helping him, uh, in a smaller, I mean,
in different parts of that, of that project. Um, for instance, I started working
on these, um, on the color UI. Uh, so all the interfaces that have to do with, uh,
selecting a color, um, changing the backgrounds links, uh, etcetera.

Um, and this is the current interface. And as you can see is, um, uh, Now we see
it’s a little bit chaotic and it is too much, too much interface, I think, right?
Like if you see this, this, uh, section here, we have, uh, text color, background
color, link color, it looks the same. Uh, there’s other things going on, like, you
have this clear button, uh, that appears even though there’s nothing to clear, um.
If you have, uh, like these are the theme colors and, uh, probably one of those 
are selected because the, I dunno, maybe the text is pink, but at the end of it,
doesn’t tell you that it’s pink. So there’s a lot of things going on there.

Uh, and this is what happens when you select the color. You have like a indicator
here, uh, that is, it doesn’t do anything, uh, trust, I know. Um, when you select
the gradient, you have this, uh, different interface to sort the grain is, is there,
like, it makes things, you know, like, uh, more complicated and taller.

And then if you click, um, have you the chance to color it, uh, you have this popover,
uh, that definitely needs some tightening because it’s very simple. Uh, but as you
can see, when you have a, another color, the preview item there tends to size this
again, it’s not, it works. It works well, uh, but it’s too much interface and it
will be repressed.

So, um, what I’ve been doing these days is, uh, trying to, uh, follow some of the,
of the , uh, ideas Shaun established with respect of the sidebar, and try to apply
that, to use those ideas. Yeah. try to see how they will work with, uh, with a color,
uh, UI. So, um, the first thing that I I did was something that, uh, tenancy. Yes,
it is like the order of the items is, it’s wrong right now it’s like we have the
text background and the links, uh, and that makes sense, uh, backgrounds will be
in the background, right. And the way you read this interface right now is, uh, 
background doesn’t have any color, it’s just transparent. Links have a green color
applied, uh, and text has, uh, the blue color applied, but you can reset it because
it’s not the full one, right? It is the one that comes with a theme. So this right
away simplifies the interface. Um, and we are able also maintain the, this, this,
um, this warning message that basically tells you that your, the color combination
is not, uh, Is it, uh, is it, uh, I think may we will also improve this thing, like
making, you know, like, uh, pointing to the user, which colors to, to be changed,
like maybe with a dot or a warning message, something like that, uh, to be even 
more easy.

Um, if you click the color, uh, you will open this popover. And when I’m done here,
this was basically a sabbatical as shown there. The main concept you have the color
picker on top, like in the Figma sketch or other design, uh, applications. Um, and
then you have, uh, this bottom part, you have a selector, uh, that it could be the
custom color. And we also will offer the theme colors. So this will be a dropdown
and you can change between those, uh, those sets of colors. So, and also you can
save those colors for other use. Like if you are, uh, in, you’re looking at the 
custom colors, you will save your favorite colors and then is it, uh, In other parts
of, of the, of your design.

Um, and it also plays a, uh, color picker here, uh, that probably is going to be
useful, uh, to customize your items even more. Um,

uh, if you’re thinking the background, uh, then what I started doing was, uh, you
know, adding a select, uh, you know, on top and, uh, Well, um, the idea for this,
for, for the whole interface for the sidebar and for the popover is trying to make
things, uh, very compact and easy to read. Uh, so instead of putting the label on
top and then add the dropdown, I tried to combine those, uh, elements, uh, in just
one line.

Uh, the problem is that maybe this interface is not very accessible because it’s
relies too much, um, on the color of the solid element being blue. So I was thinking
that maybe we will add, uh, I think here, uh, so now this looks like a dropdown 
and again, it’s this one, one line. So it’s very, uh, very small.

Um, but, uh, that, that is just a detail, uh, other interesting things that colors
and gradients could be represented by circles. And then, images, we could use a 
rectangle, so it’s very easy to spot the image when adding another color. Right.
Um, If you select, uh, the first time you select, uh, an image, or you just select
the background and change, uh, to the, to the, uh, you, can you have this interface
to drop a name it’s there and this probably not the right icon, but, uh, um, like
with a color picker, we will have tools there.

So this will open the, the media library. Um, And of course you can drag and drop,
uh, here, an image, and then you will get this, uh, different interface where you
can change the focal point. Uh, I’m not sure if this design makes sense or not, 
but I’m trying to follow this idea of the padding and margin. Uh, Inputs, uh, but
probably will.

We need to be, uh, he designed this, this particular thing, and then we have another
dropdown here, uh, to select, uh, between different modes. Like you could have field
fit, uh, or tile and something I did was, um, again with the same idea of making
things. Uh, sorry. Comeback was, um, grandis took down. Why did you continue to 
display of the, of the image and then at the bottom you can select fixed, uh, instead
of putting that, uh, UI, uh, in the previous, uh, in the, in the main pop-over.

So I think this, this could be like a secondary action. Isn’t it doesn’t need, we
don’t need to show it all the time. But it’s there on the display areas. So I think
it could work. I don’t know. Um, yeah, so, and then the gradient, uh, is of course,
uh, some of them bigger, uh, there are more things going on and you need to adjust
for stuff.

So I basically maintain the same interface that we have now with this. Um, this 
is glider, uh, I added this element, which allows users to remove the, the control
point. Um, um, I dunno, maybe it’s too much, maybe it’s or maybe it’s very complicated
to see. I’m not sure if this is the right, uh, design decision, but I think, uh,
we will give you that, you know, uh, I need to physically remove the consequence.

On the control point. And then this is a bit more complicated because, uh, for variants,
each color has a capacity and then the grading itself has an ability. So, um, this
very easily gets a bit complicated by like we have the, the color here with an alpha
and then the busty. So, uh, in order to simplify that, I thought we will have this
Queanbeyan, uh, interface, uh, into steps.

Like by default, you get a degree. You can move the control points. This is works
exactly as it was right now, you’d have deposited for the whole thing. Uh, and also
we have, uh, custom grades, uh, so you can change them or say them very easily. 
And then if you click on one of those kinds of points, uh, Um, the continent side
of that, uh, over, uh, slides, and then you have an interface to edit the color.

And so this simplified variously, the whole thing, uh, you can select the color,
you can use your favorite colors or the theme colors right away, and you can also
remove the color and it is a color picker. So it’s another distribution. Uh, I think
it solves the problem of having too many things on one element and you can very 
easily with the first step you can control the whole variant.

And if you want it to refine it, you can go here. Um, and I think that it’s mostly
everything. I think we’ll have to work on the gradient, but, uh, I’m pretty happy
with, with, uh, with all real things. So. Yeah. That’s, that’s fine. I wanted to
tell you

**[@estelaris](https://profiles.wordpress.org/estelaris/):** a lot of work and that
is good. Yeah. That’s a lot of work, so I don’t know why you say it’s not great 
work and it is really a lot.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** So yeah, many, many,
many, many pieces. Yes. Yes.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** There are a couple 
of comments here from Joel and Channing. So let’s see real quick. Uh, Joel plus 
one is on the warning message that it can be confusing sometimes right now I don’t.
Um, yeah, I kind of saw it and I liked it. I liked the warning message, but, uh,
but yeah, I did just kind of went like, wait, what, why are you showing up now? 
Right. Yeah.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** And you have to read
a lot in order to, to understand, like, it is not obvious.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** That’s the one then,
um, could clicking the drop area also open up the media library when you are choosing
the background image?

**[@javierarce](https://profiles.wordpress.org/javierarce/):** Yeah. That’s a good
idea. Yeah.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Right there open the
library of images. Yeah.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** And I think that 
that’s the actual behavior. So I think we can maintain that. I also try some ideas,
put a link here and also a link to Openverse, maybe. I don’t know. Uh, but, um, 
yeah, definitely. That could be an improvement.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Ann is saying that 
she likes the differentiation of the rectangle for images. Then I’m just going to
add to that when you have the gradients, you turn that color into a rectangle right
there instead of a circle on the picker, on the color picker right there. Yeah. 
So if we are not, we’re using colors and we should use, if you are using colors 
for circles, for colors, that you should keep it the same.

And use rectangles for images, then, you know, just keep them the same.. Um, let’s
see what else? Channing says I like how you mix the progressive disclosure idea 
with the pop-over idea for gradients. And I know you want to expand more on that.
Channing?.

**[@critterverse](https://profiles.wordpress.org/critterverse/):** I’m not sure 
if that’s the proper name for it or not, but the idea of progressive disclosure,
if I’m saying the right thing is the idea that you could kind of go deeper into 
these panels.

Right. And we’ve traditionally looked at that as being part of something that would
happen in the sidebar itself. Um, you could continue to kind of go deeper and each
time you would go deeper, the screen could potentially like shift to a new set of
options. Um, but one thing we’ve been kind of weighing the pros and cons of is the
idea of a pop-over that could, you know, be an alternative solution to that that’s
potentially quicker.

Uh, potentially more accessible? I’m not sure, but it does seem like a nice option
to keep exploring. And I really like how Javier started to mix those two. I think
there’s probably more instances where you might need to mixed those, even, I mean,
beyond color, it could be a pattern that we could replicate elsewhere.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** And then Joen just 
gave you two links for some more relevant , that it’s relevant to this exploration
that you’re doing. Um, so maybe you want to click on the chat and get those links
for you for your reference Javier. Um, anybody else has any other comments for Javier?
I see that we got a lot of good responses in here.

**[@javierarce](https://profiles.wordpress.org/javierarce/):** Yeah. Thank you very
much.

**[@kellychoffman](https://profiles.wordpress.org/kellychoffman/):** What are you
thinking about the custom section? Like those custom colors? How are you? So like
the custom colors, how, how they show up? Like, are you,

**[@javierarce](https://profiles.wordpress.org/javierarce/):** so yeah, the, the
idea is, uh, you will have this dropdown where you can, probably it’s the other 
way around actually theme colors will be sloppier, uh, by default because it won’t
be, uh, you won’t have custom colors initially. Then, the idea is that when you 
save a color, uh, we could offer, uh, the name of the color is in a library. I’m
not sure I’ve seen these things like, uh, you use Google for instance, there are,
uh, They, they used to offer you the name of the color.

And I think there are libraries that offer you the equivalence. So we could use 
that to populate that input field or rename the color to your liking. So, uh, it’s
a very simple thing. Um, I haven’t thought of much about this thing, but I think
we will have something, something simpler. Um,

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Anyone else?

Nope. Okay. Well, thank you, Javier. Thank you very much. Very good exploration.
Well, I guess, um, anybody else has something else to show us today? We’re open.
Hello Boy.. Thanks the floor. All yours. Um,

**[@ibdz](https://profiles.wordpress.org/ibdz/):** I have something like kind of,
uh, some experiment. Um, okay. First, uh, I saw in the [#coreCSS](https://make.wordpress.org/design/tag/corecss/).
And then I, I followed that they, they are working on the, the, um, color variable
inside a WP admin. And then I, I think about the colors that are, that is the pilot
for, for all the WordPress that is defined as a hex, hex code as this. And I don’t
know where it’s from because, uh, what I can, I tend to follow is the solely, uh,
the proposal from, from 2019, two years ago from dev.

And then I don’t know how to, how to, what isthe algorithm of the color palette.
So I try to, to find out what is that. The methodology of this colors. And then,
um, I, I think I can, I can define it, uh, from the colors to a studio that dev 
uh, and use it in 2019 and from maybe a sec, distant from [@melchoyce](https://profiles.wordpress.org/melchoyce/),
uh, maybe one or two years ago.

And yeah, I can try it. That is, uh, this is, uh, a colored thumb of the color. 
And then, um, my question is, uh, from one of the ticket, um, here is, uh, this,
this color is still out in WordPress as blue. And do you think they really should
define it in, uh, WordPress or not because now we use the blue fifty.

Yes. And yeah, but we definite it in our handbook as uh, another code, another color.
And maybe in the future, we will share it into maybe putting in maybe more Y brand
or more. Yeah. So just discuss about it.

**[@joen](https://profiles.wordpress.org/joen/):** Cool. By the way, I, I can respond
if that’s okay. I haven’t heard or found any conversations about replacing the WordPress
blue, but since you bring it up, I would personally love to see it happen. One of
the challenges with the WordPress blue as you show it here is that it’s very muted
and it has a greenish tint to it, which has this property that when you want to 
show white on top of it, it’s very hard to get contrast without losing vibrancy.

Whereas, if you pull it just a little bit towards the purple or ultra Marine spectrum,
the contrast skyrockets, it’s something that’s easy to sort of play around with 
in the WCG color contrast checkers. It’s always fun to sort of see how the further
away from the yellow green spectrum, you go towards the blue and purple contrast
with white increases.

So I would love to see. Uh, a more vibrant color. So that’s just a, a hope that 
we could update that, but I haven’t heard anything, uh, regarding that quite yet.
Cool work.

**[@ibdz](https://profiles.wordpress.org/ibdz/):** Um, yeah. And, uh, my second 
question about, about the colors is on now we have, uh, 12 colors for each palette.
Um, do, do, do we think that, uh, we should limit it to maybe use a convention, 
like a Fiero, a hundred to 200, 300 instead of the 5, 10 20, but what do you think.

**[@joen](https://profiles.wordpress.org/joen/):** W we could talk about color so
long, I’d always be happy to. And I always, I I’d be happy to talk in the channel
as well. Cause, cause we could talk about this for days. And again, this is just
a personal opinion. Um, I have only been cursorily following the course. The assessed
discussions they’ve been going on for a while.

Now you mentioned 2019, some of these. Explorations. One of the things I love about
a good color pallette is to reduce as much as possible to just a very few set of
base colors. And then see how far you can go with those. And then when necessary
expand there. There, there are various use cases for palettes.

And when you see a pallette like this, you, you sort of get the temptation to, to
feel like it has to work in a harmonious spectrum. But then when you’re actually
working on the software, you find the need for blue 50, 90% of the time and blue
80, maybe like. 1% of the time it’s so the, the actual use of the software, I find
personally varies a great deal. So I’m always a fan of reduction from, from that
angle. Makes sense.

**[@ibdz](https://profiles.wordpress.org/ibdz/):** And, um, I, my next step is to
consolidate this pilot with the GutenbergGutenberg The Gutenberg project is the 
new Editor Interface for WordPress. The editor improves the process and experience
of creating new content, making writing rich content much simpler. It uses ‘blocks’
to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)
and the fear of death Gutenberg into just solely WordPress colors. Yeah, definitely.
Cool. Yeah.

And now I’m working on, uh, the designfor, um, the translation day that will be 
launched next month. Yeah. So I tried to apply the, colors from that exploration
and to, yeah. Okay. Thanks.

**[@critterverse](https://profiles.wordpress.org/critterverse/):** Did you make 
the Wapuu too? He’s so cute. And he matches your design very nicely.

**[@estelaris](https://profiles.wordpress.org/estelaris/):** Okay. Um, That’s good.
Anybody else got any questions? Any other questions?

Nope.

Okay. Uh, we have less than less than, uh, we have seven minutes. So anything else
that we want to talk about?

No questions, nothing.

**[@ibdz](https://profiles.wordpress.org/ibdz/):** Um, about the library, the Figma
component library?

[@estelaris](https://profiles.wordpress.org/estelaris/)**:** Oh, we already, we 
already talked about that. You were late. You were late Boy. Um, You want to go 
again Joel and explain it to him, quick?

 I can give a quick update on what happened. What happened, I think was a mistake,
a human error that caused more than 300 components to have some change, not sure
what change it was and that felt wrong. So it took a backup of the file. And at 
that point in time, and then restored to a version of the Figma file that did not
have those 300 plus changes. So the Figma file is good again, but if you’re, if 
you made some icon or something after. July 27th.

Um, please copy it from the backup file into the, into the new one and then publish
again. Okay.

[@estelaris](https://profiles.wordpress.org/estelaris/): All right. Anybody else?

No. Okay. Well then I guess I’m just going to give you all back your five minutes.
Um, thank you very much for joining and, uh, and we’ll be back on Tuesday. Uh we’re
we’re started reviewing, uh, tickets. Um, Paal was on triage this week on Tuesday
and we’re getting people back. So we’re going to start, we’re going to continue 
now, and we’re going to get me back, get off that summer break and get on a regular
schedule from now on. Okay. So we’ll be back on triage on Tuesday and in the same
meetings on Wednesdays. So [00:32:00] hope to see you guys and thank you very much.
Good day. Good night. We’ll see you.

**[@ibdz](https://profiles.wordpress.org/ibdz/):** Bye.

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

[#design-show-and-tell](https://make.wordpress.org/design/tag/design-show-and-tell/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2021/09/08/monthly-design-show-and-tell-august-2021-summary/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Monthly%20Design%20Show%20and%20Tell%20August%202021%20-%20summary&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2021%2F09%2F08%2Fmonthly-design-show-and-tell-august-2021-summary%2F&share=email)

 [  ](https://profiles.wordpress.org/chaion07/) [Ahmed Kabir Chaion](https://profiles.wordpress.org/chaion07/)
11:59 am _on_ January 19, 2021     
Tags: [core ( 6 )](https://make.wordpress.org/design/tag/core/),
core-css, [meeting summary ( 23 )](https://make.wordpress.org/design/tag/meeting-summary/),
[meeting-notes ( 132 )](https://make.wordpress.org/design/tag/meeting-notes/)   

# 󠀁[Design Team Meeting Notes January 13, 2021](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the [full transcript on our Slack channel](https://wordpress.slack.com/archives/C02S78ZAL/p1610560892082400)
and [find the meeting agenda here](https://make.wordpress.org/design/2021/01/12/design-team-meeting-agenda-for-13-january-2021/).
You can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/?p=8824).

**Attendees:** [@estelaris](https://profiles.wordpress.org/estelaris/), [@chaion07](https://profiles.wordpress.org/chaion07/),
[@manzwebdesigns](https://profiles.wordpress.org/manzwebdesigns/), [@paaljoachim](https://profiles.wordpress.org/paaljoachim/),
[@ibdz](https://profiles.wordpress.org/ibdz/), [@karmatosed](https://profiles.wordpress.org/karmatosed/)
and Andrew Rulnick.

##### Housekeeping

 * We have an open call for note-takers and triage facilitators. These both are 
   great ways to get involved for new contributors but everyone is welcome to help
   out. Let us know if you are interested in the comments.
 * Contributions to the Design Team is always welcomed. Please pingPing The act 
   of sending a very small amount of data to an end point. Ping is used in computer
   science to illicit a response from a target server to test it’s connection. Ping
   is also a term used by Slack users to @ someone or send them a direct message(
   DM). Users might say something along the lines of “Ping me when the meeting starts.”
   [@estelaris](https://profiles.wordpress.org/estelaris/) or [@chaion07](https://profiles.wordpress.org/chaion07/)
   and they will guide you through.

##### Announcement

Work is underway for WordPress 5.7 release. Read the p2 titled: [WordPress 5.7 Planning Roundup](https://make.wordpress.org/core/2020/12/21/wordpress-5-7-planning-roundup/)
on the [#core](https://make.wordpress.org/design/tag/core/) blog. If you want to
learn more about how the release process works then attending the dev chat in the
[#core](https://wordpress.slack.com/archives/C02RQBWTW) channel would be a great
idea which takes place at 6:00 AM UTC (for APAC) and at 8:00 PM UTC (for America).

##### Updates

 * [@estelaris](https://profiles.wordpress.org/estelaris/) is working on the design
   for the documentations section. Last year we finished the work on the reclassification
   of articles that will help us create a new navigation. She has a full plan to
   finish the new design by the end of the first Quarter of 2021.
 * [@ibdz](https://profiles.wordpress.org/ibdz/) will continue focusing on Iterating
   on Admin Color Schemes with [#core-css](https://make.wordpress.org/design/tag/core-css/).
 * The team would like to congratulate [@hedgefield](https://profiles.wordpress.org/hedgefield/)
   for being the Design Lead for WordPress 5.7 release.

##### Discussion on ‘Productive Triage Session’

The team went through a few GithubGitHub GitHub is a website that offers online 
implementation of git repositories that can easily be shared, copied and modified
by other developers. Public repositories are free to host, private repositories 
require a paid subscription. GitHub introduced the concept of the ‘pull request’
where code changes done in branches by contributors can be reviewed and discussed
before being merged by the repository owner. [https://github.com/](https://github.com/)
issues and TracTrac Trac is the place where contributors create issues for bugs 
or feature requests much like GitHub.[https://core.trac.wordpress.org/](https://core.trac.wordpress.org/).
Tickets in the most [recent working session](https://make.wordpress.org/design/2021/01/11/replacing-triage-with-working-sessions/).
A lot of us felt that the triage resulted in a productive session as we want to 
have more folks joining so that we can move more tickets. During the last session
we’re able to move forward a few tickets and pass a few that was focused towards
WordPress 5.7 to [@hedgefield](https://profiles.wordpress.org/hedgefield/). Last
year we tried to reduce the ‘meeting fatigue’ factor for contributors and tried 
to [reshape the way design team communicates](https://make.wordpress.org/design/2020/10/23/reshaping-design-team-communications/).

[#meeting-summary](https://make.wordpress.org/design/tag/meeting-summary/), [#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2021/01/19/design-team-meeting-notes-january-13-2021/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Team%20Meeting%20Notes%20January%2013%2C%202021&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2021%2F01%2F19%2Fdesign-team-meeting-notes-january-13-2021%2F&share=email)

 [  ](https://profiles.wordpress.org/estelaris/) [Estela Rueda](https://profiles.wordpress.org/estelaris/)
9:55 am _on_ December 1, 2020     
Tags: 5.6 release, color schemes, [core ( 6 )](https://make.wordpress.org/design/tag/core/),
core-css, G2, [team-rep ( 2 )](https://make.wordpress.org/design/tag/team-rep/),
WP notify   

# 󠀁[Design meeting team notes December 2, 2020](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the[ full transcript on our Slack channel ](https://wordpress.slack.com/archives/C02S78ZAL/p1606932085261800)
and [find the meeting’s agenda here](https://make.wordpress.org/design/2020/11/03/design-team-meeting-agenda-for-4th-november-2020/).
You can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

## Housekeeping

We have an open call for note-takers and triage facilitators. These both are great
ways to get involved for new contributors but everyone is welcome to help out. Let
us know if you are interested in the comments.

The team is also looking forward to a holiday break, a post about this will follow
the notes.

## Announcements

Release 5.6 is scheduled for 8 December, this is the first all-female team release
and both @mrahmadawaisand [@estelaris](https://profiles.wordpress.org/estelaris/)
are part of the release team.

The [#core](https://make.wordpress.org/design/tag/core/) team posted a [wish list for release 5.7](https://make.wordpress.org/core/2020/11/23/wordpress-5-7-whats-on-your-wishlist/)

The marketing team wants your input for[ The Month of WordPress](https://wordpress.org/news/2020/12/the-month-in-wordpress-november-2020/),
they meet on Wednesdays at 2.00 pm UTC in the [#marketing](http://wordpress.slack.com/messages/marketing/)
Slack channel.

## Updates

[@ibdz](https://profiles.wordpress.org/ibdz/) has recently reincorporated to the
[work on the visual regression report for color schemes](https://core.trac.wordpress.org/ticket/49999)
with the [#core-css](https://make.wordpress.org/design/tag/core-css/) team.

[@hedgefield](https://profiles.wordpress.org/hedgefield/) continues working on mockups
for the notification center project and it should be ready to being prototyping 
soon. There are still several issues going in the [WP notify repo](https://github.com/WordPress/wp-notify/issues),
if anyone wants to follow up.

## Main topic

The call for design team repTeam Rep A Team Rep is a person who represents the Make
WordPress team to the rest of the project, make sure issues are raised and addressed
as needed, and coordinates cross-team efforts. closed on 30 November and we only
had [@chaion07](https://profiles.wordpress.org/chaion07/) nomination. Since he had
several +1 from the team, we decided to name him next design team rep and will be
replacing [@karmatosed](https://profiles.wordpress.org/karmatosed/). There is an
announcement to follow.

## Open floor

[@hedgefield](https://profiles.wordpress.org/hedgefield/) asked about the progress
on G2. For those unfamiliar with it, G2 is the next iteration of the post editor
UIUI UI is an acronym for User Interface - the layout of the page the user interacts
with. Think ‘how are they doing that’ and less about what they are doing.. At the
moment, [@joen](https://profiles.wordpress.org/joen/) and [@itsjonq](https://profiles.wordpress.org/itsjonq/)
are working on the project. Here is a[ calendar of the current status ](https://nmbs.link/g2-project)
and there will also be a summary of the work being done. In the meantime, you can
read more about it in [@itsjonq](https://profiles.wordpress.org/itsjonq/)‘s [blog](https://g2components.wordpress.com/).

@ibdzalso mentioned that the WP Notify project is [inviting designers to challenge the direction](https://make.wordpress.org/core/2020/12/02/wp-notify-project-review/)
now.

[#meeting-notes](https://make.wordpress.org/design/tag/core-css/?output_format=md#meeting-notes)

[#5-6-release](https://make.wordpress.org/design/tag/5-6-release/), [#color-schemes](https://make.wordpress.org/design/tag/color-schemes/),
[#g2](https://make.wordpress.org/design/tag/g2/), [#team-rep](https://make.wordpress.org/design/tag/team-rep/),
[#wp-notify](https://make.wordpress.org/design/tag/wp-notify/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/12/01/design-meeting-team-notes-december-2-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20meeting%20team%20notes%20December%202%2C%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F12%2F01%2Fdesign-meeting-team-notes-december-2-2020%2F&share=email)

 [  ](https://profiles.wordpress.org/ryelle/) [Kelly Choyce-Dwan](https://profiles.wordpress.org/ryelle/)
3:20 pm _on_ September 18, 2020     
Tags: core-css   

# 󠀁[Project: Reducing Colors in Core](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/)󠁿

Hey folks! Over in [#core-css](https://make.wordpress.org/design/tag/core-css/),
we’ve been trying to audit and simplify the CSSCSS CSS is an acronym for cascading
style sheets. This is what controls the design or look and feel of a site. used 
in coreCore Core is the set of software required to run WordPress. The Core Development
Team builds WordPress.. Part of that includes simplifying the colors used throughout
wp-admin, and we could really use your guidance here.

We have an automated tool that will replace all the colors in WordPress’s CSS with
the closest color in a given list – which will let us quickly standardize on a color
palette. In fact, [this demo](https://github.com/ryelle/wordpress-develop/pull/1)
reduced the number of unique colors from 201 to 100.

**The main question we have: Is**[** this color palette**](https://make.wordpress.org/design/2019/11/26/proposal-a-new-color-palette-for-wordpress/)**
the correct set of colors to use (from [@drw158](https://profiles.wordpress.org/drw158/)
in Nov 2019)?** I’ve also seen[ this g2 list](https://g2-components.xyz/?path=/story/references-colors--default),
and I know there are some colors identified in the Figma.

Once we decide on a color list, we’ll also need some help checking over each screen
to make sure the replacements look good and have sufficient color contrast. **It
would be great to get some volunteers working together from design, accessibilityAccessibility
Accessibility (commonly shortened to a11y) refers to the design of products, devices,
services, or environments for people with disabilities. The concept of accessible
design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning
compatibility with a person’s assistive technology (for example, computer screen
readers). (https://en.wikipedia.org/wiki/Accessibility), and core-css.** If you 
are interested in helping with this work, please leave a comment on this post, or
drop a message in the [#core-css](https://make.wordpress.org/design/tag/core-css/)
channel in SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/).

For reference, here are some before & after screenshots of a few wp-admin pages 
using the current colors, and the same pages using[ this reduced set of colors.](https://make.wordpress.org/design/2019/11/26/proposal-a-new-color-palette-for-wordpress/)

 [Continue reading →](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/#more-8968)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/09/18/project-reducing-colors-in-core/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Project%3A%20Reducing%20Colors%20in%20Core&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F09%2F18%2Fproject-reducing-colors-in-core%2F&share=email)

 [  ](https://profiles.wordpress.org/estelaris/) [Estela Rueda](https://profiles.wordpress.org/estelaris/)
10:25 am _on_ June 24, 2020     
Tags: core-css   

# 󠀁[Design Meeting Agenda 24 June 2020](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/)󠁿

This is the agenda for the weekly design chat meeting on [Wednesday, June 24, 2020, 18:00 UTC](https://www.timeanddate.com/worldclock/fixedtime.html?msg=WordPress+design+meeting&iso=20200624T18&p1=1440&ah=1)

 * Housekeeping
 * Updates from any specific focuses
    - GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress.
      The editor improves the process and experience of creating new content, making
      writing rich content much simpler. It uses ‘blocks’ to add richness rather
      than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)
    - Collaboration with [#core-css](https://make.wordpress.org/design/tag/core-css/)
      team on a color naming convention
 * Discussion
    - TrelloTrello Project management system using the concepts of boards and cards
      to organize tasks in a sane way. This is what the make.wordpress.com/marketing
      team uses for example: [https://trello.com/b/8UGHVBu8/wp-marketing.](https://trello.com/b/8UGHVBu8/wp-marketing):
      is this process still working out for the design team?
 * Open floor

This meeting is held in the [#design](https://make.wordpress.org/design/tag/design/)
channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform
[https://slack.com/](https://slack.com/). The WordPress community has its own Slack
Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/).

Leave a comment if you would like something reviewed, discussed, help or something
added to the agenda.

[#meeting-agenda](https://make.wordpress.org/design/tag/meeting-agenda/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/06/24/design-meeting-agenda-24-june-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Meeting%20Agenda%2024%20June%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F06%2F24%2Fdesign-meeting-agenda-24-june-2020%2F&share=email)

 [  ](https://profiles.wordpress.org/hedgefield/) [hedgefield](https://profiles.wordpress.org/hedgefield/)
7:15 pm _on_ June 17, 2020     
Tags: core-css, core-media, [meeting-notes ( 132 )](https://make.wordpress.org/design/tag/meeting-notes/)

# 󠀁[Design meeting notes June 17](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the [full transcript on our Slack channel](https://wordpress.slack.com/archives/C02S78ZAL/p1592416816217100)
and [find the meeting’s agenda here](https://make.wordpress.org/design/2020/06/16/design-meeting-agenda-for-june-17/).
You can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

First up, housekeeping.

We are still looking for volunteers to take notes and run triage (either coreCore
Core is the set of software required to run WordPress. The Core Development Team
builds WordPress. triage or GutenbergGutenberg The Gutenberg project is the new 
Editor Interface for WordPress. The editor improves the process and experience of
creating new content, making writing rich content much simpler. It uses ‘blocks’
to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)
triage). If you are interested, leave a comment!

Next, [@michael-arestad](https://profiles.wordpress.org/michael-arestad/) showers
us with updates:

**Gutenberg design update:**

 * There is[ a new proposal](https://wordpress.slack.com/archives/C02QB2JS7/p1592405104354400)
   for integrating the media uploader/inserter into Gutenberg. It will be discussed
   in the #core-media channel [J](https://wordpress.slack.com/archives/C02QB2JS7/p1592405009351700)
   une 18th at 4 PM UTC.
 * There have been some minor updates to the “Add template part” flow moving closer
   toward [the proposal here](https://github.com/WordPress/gutenberg/issues/21218).

**[Core CSS meeting](https://wordpress.slack.com/archives/CQ7V4966Q/p1591909337319400)****
recap:**

 * Discussion was centered around naming conventions and possibilities for complexity
   of variables
 * All colors in the wp-admin should be controlled by the color schemes
 * There is a plan to come up with color “buckets” to prevent us from having to 
   target every use of a color individually when writing color schemes
 * [Here’s a cool experiment](https://ryelle.codes/2020/04/colorless-wp-admin/) 
   from [@ryelle](https://wordpress.slack.com/team/U02RRC2BY) that removes all colors
 * We did get a bit into [naming and philosophies](https://wordpress.slack.com/archives/CQ7V4966Q/p1591307125282100)
   but not decisions were made
 * Chat will continue June 18th at 9 PM UTC in the [#core-css](https://make.wordpress.org/design/tag/core-css/)
   channel.

Two calls for feedback this week, one from the Docs team regarding the [External linking policy,](https://make.wordpress.org/docs/2020/06/15/external-linking-policy-trusted-sources/#comment-40013)
and one for the [WP notification center proposal](https://make.wordpress.org/core/2020/06/15/call-for-feedback-wp-notify-v1-requirements-document/#comment-38760).
Please leave your comments on those posts.

For the discussion, we dove into how to improve and maintain our Figma library of
design components. Main pain points are that it’s hard to navigate, not up-to-date,
and nobody who’s responsible for maintaining it. [@ibdz](https://profiles.wordpress.org/ibdz/)
spearheaded [a document to collaborate on](https://docs.google.com/document/d/1vhj4uxXk6wn6L5i_R1F5GIu3OU3WzeE_0kTx89SWbI0/edit?usp=sharing)
and gather input from the likes of [@noah](https://profiles.wordpress.org/noah/)@
davewhitley [@melchoyce](https://profiles.wordpress.org/melchoyce/), and YOU! If
you work with Figma or another design library, [leave your thoughts in that doc](https://docs.google.com/document/d/1vhj4uxXk6wn6L5i_R1F5GIu3OU3WzeE_0kTx89SWbI0/edit?usp=sharing)
so we can figure this out.

Finally, [@michael-arestad](https://profiles.wordpress.org/michael-arestad/) briefly
discussed template parts in Gutenberg, and how to differentiate them from blockBlock
Block is the abstract term used to describe units of markup that, composed together,
form the content or layout of a webpage using the WordPress editor. The idea combines
concepts of what in the past may have achieved with shortcodes, custom HTML, and
embed discovery into a single consistent API and user experience. patterns in the
UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘
what they are doing’ and less about how they do it.. It’s hard because technically
they are the same, but with different use cases. A post will be written soon with
details.

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/06/17/design-meeting-notes-june-17/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20meeting%20notes%20June%2017&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F06%2F17%2Fdesign-meeting-notes-june-17%2F&share=email)

 [  ](https://profiles.wordpress.org/chaion07/) [Ahmed Kabir Chaion](https://profiles.wordpress.org/chaion07/)
7:15 pm _on_ June 10, 2020     
Tags: core-css, [meeting-notes ( 132 )](https://make.wordpress.org/design/tag/meeting-notes/)

# 󠀁[Design Team Meeting Notes June 10, 2020](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the [full transcript on our Slack channel](https://wordpress.slack.com/archives/C02S78ZAL/p1591812060080500)
and [find the meeting agenda here](https://make.wordpress.org/design/?p=8657). You
can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

First, **Housekeeping**. We can still use more volunteers for note-taking and triage
leading. Leave a comment below if you’re interested.

Now,[ ](https://profiles.wordpress.org/michael-arestad/)**WCEU 2020** Contributors
Day Experience.

 * We had between 20 and 30 new contributors at all time
 * We had a lot of great comments about [@michael-arestad](https://profiles.wordpress.org/michael-arestad/)’
   s JAM
 * Overall it was a success.

Meeting Between **CoreCore Core is the set of software required to run WordPress.
The Core Development Team builds WordPress.-CSSCSS CSS is an acronym for cascading
style sheets. This is what controls the design or look and feel of a site.** and**
Design** Team

 * The Meeting is on Thursday 17:00 EDT in the [#core-css](https://make.wordpress.org/design/tag/core-css/)
   channel; find your [local time](https://www.timeanddate.com/worldclock/fixedtime.html?msg=June+11+-+CSS+Chat&year=&month=06&day=11&hour=17&min=0&sec=0&p1=418&ah=1)
 * We will be chatting about **Name Conventions**, in specific colors.
 * Anyone interested is welcome to attend.

Next, [@michael-arestad](https://profiles.wordpress.org/michael-arestad/) brings**
GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress.
The editor improves the process and experience of creating new content, making writing
rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes,
custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)**
updates

 * 5.5 work is ramping up. If there is anything editor-specific you would like to
   see in 5.5, please let me know.
 * [@annezazu](https://profiles.wordpress.org/annezazu/) has been working on some
   documentation and wrangling proper feedback tools for the **FSE outreach program**.
   This will be a great program to get early feedback on the work we do.

New to **Gutenberg**:

 * New design tools are coming to the next release of Gutenberg that include padding
   controls for the cover blockBlock Block is the abstract term used to describe
   units of markup that, composed together, form the content or layout of a webpage
   using the WordPress editor. The idea combines concepts of what in the past may
   have achieved with shortcodes, custom HTML, and embed discovery into a single
   consistent API and user experience. and link color controls for paragraph blocks(
   and a few others).
 * Blocks now get a nifty parent block selector courtesy of [@shaunandrews](https://profiles.wordpress.org/shaunandrews/)
 * Block categories in the inserter have been updated.

**Announcement**

 * [@karmatosed](https://profiles.wordpress.org/karmatosed/) is out on sabbatical
   and will be back on 1st September.

**Discussion**

 * The handbook pages were recently re-organized to be more coherent and there are
   a few pages that need to be written or revamped. Here is the link to the TrelloTrello
   Project management system using the concepts of boards and cards to organize 
   tasks in a sane way. This is what the make.wordpress.com/marketing team uses 
   for example: [https://trello.com/b/8UGHVBu8/wp-marketing.](https://trello.com/b/8UGHVBu8/wp-marketing)
   Board [https://trello.com/c/vtK848vz/167-new-handbook-pages-edit-and-iterate](https://trello.com/c/vtK848vz/167-new-handbook-pages-edit-and-iterate)
 * If you have any comments on the handbook pages or would like to collaborate with
   the design team, please leave a message in the comments or pingPing The act of
   sending a very small amount of data to an end point. Ping is used in computer
   science to illicit a response from a target server to test it’s connection. Ping
   is also a term used by Slack users to @ someone or send them a direct message(
   DM). Users might say something along the lines of “Ping me when the meeting starts.”@
   idbz or [@estelaris](https://profiles.wordpress.org/estelaris/) on [Slack](https://wordpress.slack.com/archives/C02S78ZAL)
 * Suggestions by [@ibdz](https://profiles.wordpress.org/ibdz/) for adding new pages
   in Handbook:
    - About the team > Meetings
    - Get involved > Attending meetings
    - Get involved > Core & MetaMeta Meta is a term that refers to the inside workings
      of a group. For us, this is the team that works on internal WordPress sites
      like WordCamp Central and Make WordPress. contribution
    - Get involved > Attending a contributor dayContributor Day Contributor Days
      are standalone days, frequently held before or after WordCamps but they can
      also happen at any time. They are events where people get together to work
      on various areas of [https://make.wordpress.org/](https://make.wordpress.org/)
      There are many teams that people can participate in, each with a different
      focus. [https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/](https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/)
 * [@ibdz](https://profiles.wordpress.org/ibdz/) further suggested considering Components
   Library for G2 design in Figma for discussion
 * [@michael-arestad](https://profiles.wordpress.org/michael-arestad/) finds the
   following sensible for Libraries:
    - wp-admin
    - Gutenberg
    - Dashicons

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/06/10/design-team-meeting-notes-june-10-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Team%20Meeting%20Notes%20June%2010%2C%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F06%2F10%2Fdesign-team-meeting-notes-june-10-2020%2F&share=email)

 [  ](https://profiles.wordpress.org/chaion07/) [Ahmed Kabir Chaion](https://profiles.wordpress.org/chaion07/)
2:43 pm _on_ June 9, 2020     
Tags: core-css, [meeting-agenda ( 87 )](https://make.wordpress.org/design/tag/meeting-agenda/)

# 󠀁[Design Meeting Agenda 10th June 2020](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/)󠁿

This is the Agenda for the Weekly Design Team Meeting on [Wednesday, June 10, 2020, 18:00 UTC](https://www.timeanddate.com/worldclock/fixedtime.html?iso=20200610T1800)

**Meeting Agenda**

 1. Housekeeping
 2. Updates
 3.  * **WCEU 2020** Contributors Day Experience
     * **[#core-css](https://make.wordpress.org/design/tag/core-css/)** chat on Thursday
       11 June at 21:00 UTC to discuss naming convention between **Design** and **CSSCSS
       CSS is an acronym for cascading style sheets. This is what controls the design
       or look and feel of a site. teams**
     * **GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress.
       The editor improves the process and experience of creating new content, making
       writing rich content much simpler. It uses ‘blocks’ to add richness rather than
       shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)**
 4. Discussion
 5.  * **Design handbook**, what pages shall we add to our handbook?
 6. Open floor

This Meeting is held in the [#design](https://make.wordpress.org/design/tag/design/)
channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform
[https://slack.com/](https://slack.com/). The WordPress community has its own Slack
Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/) 
Workspace.Leave a comment if you would like something r_eviewed_, _discussed_, _help_
or _something added_ to the agenda.

[#meeting-agenda](https://make.wordpress.org/design/tag/meeting-agenda/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/06/09/design-meeting-agenda-10th-june-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Meeting%20Agenda%2010th%20June%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F06%2F09%2Fdesign-meeting-agenda-10th-june-2020%2F&share=email)

 [  ](https://profiles.wordpress.org/estelaris/) [Estela Rueda](https://profiles.wordpress.org/estelaris/)
12:39 pm _on_ May 7, 2020     
Tags: core-css   

# 󠀁[Design Meetings notes 6 May 2020](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the [full transcript on our Slack channel](https://wordpress.slack.com/archives/C02S78ZAL/p1588788033037700)
and [find the meeting’s agenda here](https://make.wordpress.org/design/2020/05/05/design-meeting-agenda-for-may-6-2020/).
You can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

## Housekeeping

We are still looking for note takers and volunteers to facilitate triage sessions.
[@chaion07](https://profiles.wordpress.org/chaion07/) volunteered as note taker.

## Updates

[@mapk](https://profiles.wordpress.org/mapk/) introduced the [May focus for Gutenberg](https://make.wordpress.org/core/2020/05/06/whats-next-in-gutenberg-may/).

 *  FSE
 * Global styles
 * Navigation-menu screen
 * and other refinements
 * PRs that have PRs ready for testing. If you would like to try out the new GutenbergGutenberg
   The Gutenberg project is the new Editor Interface for WordPress. The editor improves
   the process and experience of creating new content, making writing rich content
   much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom
   HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)
   enhancements, you can do it with gutenberg.run in GitHubGitHub GitHub is a website
   that offers online implementation of git repositories that can easily be shared,
   copied and modified by other developers. Public repositories are free to host,
   private repositories require a paid subscription. GitHub introduced the concept
   of the ‘pull request’ where code changes done in branches by contributors can
   be reviewed and discussed before being merged by the repository owner. [https://github.com/](https://github.com/)

Design updates for Gutenberg

 * FSE Site Builder screen is getting closer in terms of parity with the post editor,
   there’s still some work left
 * Posted [a prototype](https://github.com/WordPress/gutenberg/issues/20877#issuecomment-623600593)
   of a page switcher when editing site – could use some feedback
 * Iteration on [template partial creation](https://github.com/WordPress/gutenberg/issues/21526)–
   needs dev
 * Proposed persistent blockBlock Block is the abstract term used to describe units
   of markup that, composed together, form the content or layout of a webpage using
   the WordPress editor. The idea combines concepts of what in the past may have
   achieved with shortcodes, custom HTML, and embed discovery into a single consistent
   API and user experience. navigator
 * [Search block enhancements](https://github.com/WordPress/gutenberg/issues/22071).
 * [Block mover explorations](https://github.com/WordPress/gutenberg/issues/21935).
 * continued work on [iterations to the Welcome Guide](https://github.com/WordPress/gutenberg/pull/21847).
 * Navigation block iterations too!
 * [https://github.com/WordPress/gutenberg/issues/22096](https://github.com/WordPress/gutenberg/issues/22096)

Contributors Day at WCEU

There was a [call for tasks](https://make.wordpress.org/design/2020/05/01/wceu-online-contributor-day-call-for-tasks/)
that we could work on during contributors day. We have a comment from [@mapk](https://profiles.wordpress.org/mapk/)
about Figma components but we would like to have more. Another task could be about
[colors/input styling consistency in Gutenberg](https://github.com/WordPress/gutenberg/issues/19904).
Please add to the post above.

## Open Floor

Ste Dobrescu, a new contributor asked for advice on some work he is doing regarding
CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design
or look and feel of a site. for the admin are in WordPress. The team provided some
feedback and recommended he joined the [#core-css](https://make.wordpress.org/design/tag/core-css/)
channel where he can find more help.

[@netpassprodsr](https://profiles.wordpress.org/netpassprodsr/) introduced the idea
of mentorship as a role for the design team. [@karmatosed](https://profiles.wordpress.org/karmatosed/)
asked if anyone in the team is willing to write a proposal for the design team.

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/05/07/design-meetings-notes-6-may-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Meetings%20notes%206%20May%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F05%2F07%2Fdesign-meetings-notes-6-may-2020%2F&share=email)

 [  ](https://profiles.wordpress.org/estelaris/) [Estela Rueda](https://profiles.wordpress.org/estelaris/)
8:10 pm _on_ March 18, 2020     
Tags: core-css, [meeting-notes ( 132 )](https://make.wordpress.org/design/tag/meeting-notes/)

# 󠀁[Design Meeting Notes 18 March 2020](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/)󠁿

These are the weekly notes for the design meeting that happens on Wednesdays. You
can read the [full transcript on our Slack channel](https://wordpress.slack.com/archives/C02S78ZAL/p1584558010496600)
and [find the meeting’s agenda here](https://make.wordpress.org/design/2020/03/17/design-meeting-agenda-for-wednesday-18-march-2020/).
You can join the SlackSlack Slack is a Collaborative Group Chat Platform [https://slack.com/](https://slack.com/).
The WordPress community has its own Slack Channel at [https://make.wordpress.org/chat/](https://make.wordpress.org/chat/)
channel by [following the instructions in our handbook](https://make.wordpress.org/design/handbook/get-involved/first-steps/).

## Housekeeping

[Spring forward](https://make.wordpress.org/meetings/) begins next week! We are 
also looking for [nominations for design team reps](https://make.wordpress.org/design/2020/03/16/call-for-design-team-rep-nominations/),
nominations will close on 27th March.

## Updates

[@mapk](https://profiles.wordpress.org/mapk/) mentioned a [list of items that need focus](https://github.com/WordPress/gutenberg/issues/20791)
to finish the full site editing project. If you are for looking into contributing
with your own design, reviews or drop in any feedback, there is also our [Project Board](https://github.com/WordPress/gutenberg/projects/35).

## Open Floor

[@joyously](https://profiles.wordpress.org/joyously/) [requested a review](https://meta.trac.wordpress.org/ticket/4007)
of the [forums page](https://wordpress.org/support/forums/) as it needs a new design
to make it easier for users to navigate.

[@notlaura](https://profiles.wordpress.org/notlaura/) checked with the design team
if there are any specific points that need to be addressed by the [CSS audit of wp-admin](https://core.trac.wordpress.org/ticket/49582),
as discussed in the [#core-css](https://make.wordpress.org/design/tag/core-css/)
team

Below are some tickets to leave comments and recommendations, or drop by the @coreCore
Core is the set of software required to run WordPress. The Core Development Team
builds WordPress.-css meeting on Thursdays at 10:00 pm (UTC+01:00) on Slack

 * [https://core.trac.wordpress.org/ticket/49638](https://core.trac.wordpress.org/ticket/49638)
 * [https://core.trac.wordpress.org/ticket/49637](https://core.trac.wordpress.org/ticket/49637)
 * [https://core.trac.wordpress.org/ticket/49606](https://core.trac.wordpress.org/ticket/49606)

[@ibdz](https://profiles.wordpress.org/ibdz/) would like to add Figma resources 
to the Design Handbook and more advice for new contributors who want to get involved.
[@mapk](https://profiles.wordpress.org/mapk/) and [@karmatosed](https://profiles.wordpress.org/karmatosed/)
to draft a post to say what we are doing and propose opening the design flows.

Design meetings are:

 * Core/metaMeta Meta is a term that refers to the inside workings of a group. For
   us, this is the team that works on internal WordPress sites like WordCamp Central
   and Make WordPress. triage: Monday 17:30 UTC
 * GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress.
   The editor improves the process and experience of creating new content, making
   writing rich content much simpler. It uses ‘blocks’ to add richness rather than
   shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/)
   triage: Tuesday 17:00 UTC
 * Design Team: Wednesday 19:00 UTC

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

[#meeting-notes](https://make.wordpress.org/design/tag/meeting-notes/)

### Share this:

 * [  Threads ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=threads)
 * [  Mastodon ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=mastodon)
 * [  Bluesky ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=bluesky)
 * [  Facebook ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=facebook)
 * [  X ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=x)
 * [  Reddit ](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/?share=reddit)
 * [  Email ](https://make.wordpress.org/design/tag/core-css/?subject=%5BShared%20Post%5D%20Design%20Meeting%20Notes%2018%20March%202020&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F03%2F18%2Fdesign-meeting-notes-18-march-2020%2F&share=email)