Title: Design Share #58 (Jun 3-Jun 14) Author: Joen Asmussen Published: June 17, 2024 --- [ ](https://profiles.wordpress.org/joen/) [Joen Asmussen](https://profiles.wordpress.org/joen/) 7:01 am _on_ June 17, 2024 Tags: [design ( 217 )](https://make.wordpress.org/design/tag/design/), [design-share ( 70 )](https://make.wordpress.org/design/tag/design-share/)    # Design Share #58 (Jun 3-Jun 14) This is a bi-weekly update of work [the design group](https://make.wordpress.org/design/handbook/about-the-team/) contributed to. Work happens in [overview issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22), and in [needs design](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design%22+), or [needs design feedback](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22+) issues. If you have updates you’d like to include in the next Design Share, drop a note in [the #design channel](https://make.wordpress.org/chat/). If you have questions, you can also ask them there, or as a comment on this post. **Useful Figma files** * [WordPress Design System](https://www.figma.com/file/804HN2REV2iap2ytjRQ055/System?type=design&node-id=2799%3A26256&mode=design&t=y8LLmFJzGbaZBmIx-1) * [WordPress.org Design Library](https://www.figma.com/file/HOJTpCFfa3tR0EccUlu0CM/WordPress.org-Design-Library?type=design&node-id=0%3A1&mode=design&t=VhQXPDBb4RaXW4dv-1) * [Post Graphics](https://www.figma.com/file/yamKWsKnab3UBbhznomnJE/Gutenberg-Post-Graphics?type=design&node-id=0%3A1&mode=design&t=inoNIxBrtbqgpvCy-1) * [Gutenberg Project Folder](https://www.figma.com/files/project/1339415/Gutenberg?fuid=671631862080240454)( requires [view](https://make.wordpress.org/design/handbook/get-involved/tools-figma/#how-to-get-figma-access)) **Useful Tracking Issues** * [Customization Ongoing Roadmap](https://github.com/WordPress/gutenberg/issues/52128) * [All tracking issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BType%5D+Tracking+Issue%22) * [All overview issues](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22%5BType%5D+Overview%22) **Design work** * [Needs design feedback](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design+Feedback%22+) * [Needs design](https://github.com/WordPress/gutenberg/issues?q=is%3Aopen+is%3Aissue+label%3A%22Needs+Design%22+) --- ## Fix site editor frame artifacting **Status:** _Completed_ A white background layer in the site editor frame would cause sub-pixel scaling artifacts when you used a dark theme: [A PR](https://github.com/WordPress/gutenberg/pull/62223) fixed that up: ## A light Playground site update **Status:** _Completed_ Saul has been working on a light update to the Playground landing page update to better represent the potential of the product. [Issue](https://github.com/WordPress/wporg-wasm/issues/15). ## Color & Fill? **Status:** _Needs feedback_ As work on background-image tools is rapidly progressing (with new features landing in 6.6), questions are starting to emerge around how these tools can upgrade existing tools present in 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 moreover look to the future where _stacked backgrounds_ should happen. One question that needs answering is whether the feature is _a panel and a tool_ (present case) _or a tool part of another panel_. One idea: rename the Color Panel to Color & Fill: ![](https://i0.wp.com/make.wordpress.org/design/files/2024/06/color-and-fill.png? resize=776%2C612&ssl=1) Feel free to share [your thoughts](https://github.com/WordPress/gutenberg/pull/60100#issuecomment-2160054475). --- [#design](https://make.wordpress.org/design/tag/design/), [#design-share](https://make.wordpress.org/design/tag/design-share/) ### Share this: * [ Threads ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=threads) * [ Mastodon ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=bluesky) * [ Facebook ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=facebook) * [ X ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=x) * [ Reddit ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?share=reddit) * [ Email ](https://make.wordpress.org/design/2024/06/17/design-share-58-jun-3-jun-14/?subject=%5BShared%20Post%5D%20Design%20Share%20%2358%20%28Jun%203-Jun%2014%29&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2024%2F06%2F17%2Fdesign-share-58-jun-3-jun-14%2F&share=email) # Post navigation [← Design Share #57 (May 20-May 31)](https://make.wordpress.org/design/2024/06/03/design-share-57-may-20-may-31/) [Design Share #59 (Jun 17-Jun 28) →](https://make.wordpress.org/design/2024/06/28/design-share-59-jun-17-jun-28/)