← All projects03 / PRODUCT NOTES

Case study / Markdown writing

markEDdown

Write, organize, and publish with live previews. A focused editor for moving from a draft to a finished document.

Engraving of Lucifer, the fallen angel
PLATE 03 / LuciferRCK1996 / STUDIO

REAL INTERFACE / PRODUCT

From idea to interface.

ACTUAL APP CAPTUREmarkEDdown — editor interface

01 / Overview

Let the tool leave room for ideas.

Focused writing

CodeMirror, find and replace, slash commands, an insert panel, and focus mode.

Local organization

Documents, folders, search, versions, trash, and reusable images from the inspector.

Flexible export

Copy Markdown or HTML, download documents, and export HTML and image assets as ZIP.

02 / The problem

Writing, organizing, and exporting documents can scatter attention across tools.

03 / The approach

A connected workflow.

A local workspace connects the editor, preview, and document tools; secondary panels appear when needed.

05 / Product decisions

Built with intention.

Editing and reading share the same workspace. Organization and inspection panels appear when needed, while documents remain in the browser.

06 / Stack & privacy

Behind the interface.

Vite / CodeMirror 6 / Marked / Vanilla JavaScript

Documents, preferences, and images are stored in browser localStorage. This storage is not encrypted: export copies to preserve your work.