Design Share: Jul 31-Aug 11


Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.

Learn / Documentation iteration 2

Following up on feedback, here’s a second iteration of the Documentation section of WordPress.org. The best way to review and leave feedback is to first give this prototype a good test, and then consider leaving feedback directly in the Figma file.

Learn / Developer Resources iteration 2

Progress with an i2 as well on the Developer Resources section of WordPress.org. Also here, please give this prototype a good test, and then consider leaving feedback directly in the Figma file.

Learn / Forums iteration 2

Also an i2 in the Learn category are the Forums. Review first this prototype a good test, and then consider leaving feedback directly in the Figma file.

Learn iteration 2

See also: video thumbnail template examples:

Finally rounding out the bigger section that had the most feedback is the treasure trove that is the Learn section. Please give this prototype a thorough test, and then consider leaving feedback directly in the Figma file.

Showcase prototype

A clickable prototype of the showcase refresh we previously shared on this channel. Have a look!

WordPress 6.3 Lionel Artwork

6.3 is named after Lionel Hampton, and here’s the shiny record artwork for this release.

6.3 Release Video

A video to celebrate both the release of WordPress 6.3 Lionel, but also to celebrate that the site editor is coming into its own. Watch it on YouTube as well.

6.3 Release Demo Site

A microsite to celebrate and coincide with the release. Have a look!

Photos Directory mini-refresh

Kudos @coffee2code for giving the Photos Directory a small visual refresh to use the modern blue.

Blocks

Click to zoom.

A new page in the Extend category, “Blocks” aims to outline what you can do with the blocks in the editor. Read more here!

Style inheritance

Style inheritance is becoming increasingly complex, we’ve been exploring ways to communicate the source of a given style, when local overrides are present, and offer shortcuts to make those overrides the default. Issue.

Template details + Inspector relationship

The details panel for certain templates was enhanced in 6.3. As we expand this to all templates moving forwards it’s important to nail down the relationship between the template details panel in the site editor, and the template inspector in the full screen editor. Issue.

Table view and component theming

Expanding the template management experience in the site editor is something we hope to get to in 6.4. A robust Table component should underpin this effort, and will be essential as we explore the admin design in more detail too. A consideration there – additional to the features of the table itself – is the theme-ability of components. Admin themes, contrast preferences, etc should be factored into the design. We’ve been trying some of the new variable tools in Figma to explore light and dark modes, with high contrast and spacing preferences. 

Post Formats – block style

This initial exploration seeks to offer a quick-publish flow for images, quotes, videos, and other post formats. Partially synced patterns make it convenient for the user to update the design for any format in one go. The format itself is applying intrinsically – if a post consists of only an Image block then it is an image post. 


If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress Slack.

design, #design-share