Designing an editor that disappears

Most editors put a wall between you and your site: a dashboard, a preview pane, a guess at what the live page will look like.

Edit on the page

okno injects onto the real page. You press a key, click the text, and type. What you see is not a preview — it is the site.

If the editor is doing its job, you stop noticing it.

Boundaries, not forms

Every editable value carries a small data attribute that marks its boundary. The interface grows out of the content itself, so there is nothing extra to learn.