WordPress.org

The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.

Want to get involved?

Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.

Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.

Find out how to get design help.

Meetings

We meet and have ongoing discussions in Slack #design

Team: Wednesday 18:00 UTC

Triage:
CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./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. and
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/: Tuesday 16:00 UTC

Agendas | Meeting Notes

Iconography

Note: The contents in this page were taken from the work in progress Dashicons styleguide page. This is also, by inheritance, a work in progress

Dashicons are the icons used throughout the WordPress admin. There are several reasons why you might want to design Dashicons. Maybe you’re an icon designer, and want to contribute to WordPress. Or you want to design a custom icon for a plugin. If you want do make Dashicons, following these guidelines will help ensure that they look and function great.

Style Style

While the icons should be as clear as possible, Dashicons are also friendly and reassuring. Slightly rounded edges are encouraged over sharp, 90º angles. Try a squircle. When given the choice, angle them to the right; e.g., the “Tools” icon starts off on the lower-left and angles to the upper-right of the canvas.

Top ↑

Icon Guidelines Icon Guidelines

  • Icons live in a 20×20 pixel grid
  • Lines should be 2px wide (ex: https://cloudup.com/cYgij8rwfXS)
  • Corner radius should measure 1pt/px (ex: https://cloudup.com/c4Hh9J3lbbz)
  • They should be simple. Consider extraneous details within the icon. Are they really necessary?
  • They should be universal. Are your own demographics influencing the symbol you’ve chosen for the icon?
  • They should be consistent. Examine your icon in context. How would it look in the wp-admin environment?

Top ↑

Resources Resources

 

 

Last updated:

s
search
c
compose new post
r
reply
e
edit
t
go to top
j
go to the next post or comment
k
go to the previous post or comment
o
toggle comment visibility
esc
cancel edit post or comment