Skip to content

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.

License

Notifications You must be signed in to change notification settings

WordPress/gutenberg

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date
Feb 23, 2017
Feb 23, 2017
Feb 23, 2017
Feb 24, 2017
Feb 23, 2017
Feb 7, 2017
Feb 23, 2017
Feb 21, 2017
Feb 23, 2017
Feb 20, 2017
Feb 22, 2017

Repository files navigation

Gutenberg

Prototyping since 1440.

This is the development and prototyping hub for the editor focus in core. Gutenberg is the project name. Conversations and discussions take place in #core-editor in Slack.

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. — Matt Mullenweg

Overview

Prototypes

Parser

Mockups

These mockups are all subject to change and feedback.

Formatting

![Hover](mockups/Formatting, Hover.png)

![Click](mockups/Formatting, Click.png)

New Blocks

![New Blocks](mockups/New Blocks.png) ![Insert Between](mockups/Insert Between.png) ![Insert Between, Keyboard Only](mockups/Insert Between, Keyboard.png) Insert

Type Switcher

![Switcher](mockups/Type Switcher.png)

Other Blocks

Image Quote ![Quote 2](mockups/Quote 2.png) Headings

Early Desktop Chrome Concept

Note: This is how it could look.

![Desktop](mockups/Admin Chrome, Sidebar Open.png)

Early Mobile Chrome Concept

Mobile

How designers can contribute

The editor we're building means to make the editing experience better for every WordPress user, by creating an interface that "makes writing rich posts effortless, and has 'blocks' to make it easy what today might take shortcodes, custom HTML, or 'mystery meat' embed discovery", to quote the kickoff goal.

That is difficult. So your designer eyes and help is appreciated, in what capacity you'd like to contribute.

A good place to start is having a look at the current mockups and the UI prototype. We also have a GitHub repository, where anything labelled "Design" could use thoughtful replies, mockups, animatics, sketches, doodles.

With regards to specific changes to the design, the details & execution (like colors, borders, shadows), those are best done as minimal and specific iterations on the work that preceeds it, so we can ideally compare. That doesn't preclude wild ideas, but should be considered for precise tasks like "give the pressed buttons more contrast", things in that vein.

Grab the Sketch file so you don't have to start from scratch:

Download, Updated Feb. 23rd.