REDESIGN STUDY · DOC EDIT VIEW
Three ways to write in Orimora.
A self-hosted Markdown editor for people who live in their notes. Three different takes on the same doc edit view — different posture, same source of truth.
03 DIRECTIONS
Same brief, three postures.
Each variant interprets Orimora's "knowledge that lives" promise differently: as a place to focus, a workbench to ship, or a structured outline to grow. The writing surface is the same Markdown — what changes is the room around it.
Distraction-free paper
A quiet, centered writing column on warm off-white. Chrome retreats when you type. For long-form thinking, daily notes, journal entries.
Open variantPower-user split
Three persistent columns: file tree, editor, outline + AI. Dark, dense, keyboard-first. For technical docs, project plans, code-heavy notes.
Open variantOutline-first, block-focused
The Orimora thesis made visible: every block is a card with a pulse. Outline rail, contextual AI, backlinks. For structured knowledge that grows.
Open variantSIBLING STUDY · 04
The marketing home, in four passes.
Same Orimora content — editor, integrations, open-source story, pricing, FAQ — but four different envelopes. A dark sleek pass and a warm-paper editorial pass keep the live site's sectioned rhythm. The soft human pass is a structural rewrite: a single scrollable notebook with a pinned left TOC and a real Add-a-page button. The fourth pass goes loud — a brutalist manifesto, 12 numbered declarations, monospace body, oversized serif display, full-bleed color blocks, no radius, no shadow. The room around the content is what changes.
Home — sleek
Dark warm-black envelope. Grain and auras dropped, bento and pricing more breathable, one live Kaizen pulse animation in the hero mockup, clay used at most twice per section. The closer pass to the live site.
Open the sleek homeHome — paper editorial
Warm paper editorial. Cormorant Garamond display + Inter body, no theme toggle, ink-bordered featured pricing, dark-inverted CTA, framed DocumentNetwork labeled "fig. 01". A magazine treatment of the same 12 sections.
Open the paper homeHome — the notebook
A structural rewrite. The page IS the product: a single scrollable notebook with a pinned left TOC. 10 chapters from cover to "Add a page" — real prose voice, no feature grids, no terminal. Sage as the only accent; clay and mustard only on the integration sticky-notes. The "Add a page" button actually inserts a new page.
Open the notebookHome — the manifesto
Brutalist. 12 numbered declarations, monospace body, oversized serif display, 2px ink borders, full-bleed color blocks (clay, ink, sage, cream alternating). No radius, no shadow, no fake chrome. The Orimora copy was already manifestoy — "Code you are allowed to read.", "Off by default. Opt-in.", "Made with ◆ in Germany" — so the form finally matches the tone. Loud. Type-only.
Open the manifestoAT A GLANCE
What's actually different.
- Posture
- Focus hides everything not the page · Workbench keeps everything visible · Block turns the page into cards you can rearrange.
- Sidebar
- Focus collapsed, opens with ⌘K · Workbench persistent, three columns · Block persistent outline rail.
- Toolbar
- Focus floating, only on selection · Workbench inline sticky · Block block-action menu, hover a block.
- Typography
- Focus serif body, mono code · Workbench sans + mono · Block sans body, mono metadata.
- Theme
- Focus warm off-white · Workbench deep neutral · Block clean light.
- Best for
- Daily notes, long-form writing · Technical docs, project plans · Structured knowledge bases, team wikis.
Pick a room.
The writing is yours.
Each variant is a real, working editor. Click in, type, see the chrome react. The Markdown source is the same; the room around it is what changes.