1. Introduction

Velvet MD transforms plain markdown text into professionally styled documents. Whether you're writing reports, documentation, or academic papers, Velvet MD provides the tools to create beautiful, publication-ready output.

All processing happens locally in your browser—your content never leaves your device, ensuring complete privacy.

Before & After

# Welcome to My Document

This is a **bold statement** with some *italic* text.

## Features

- Easy to write
- Clean syntax
- Portable format

> "Markdown is a great choice for documentation."

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}
```

function greet(name) {
  return `Hello, ${name}!`;
}

2. Interface Overview

The Velvet MD interface is divided into three main areas: the markdown editor on the left, the live preview on the right, and the styling controls in the sidebar.

A real editor with live highlighting

As you type, Velvet MD highlights your Markdown — headings, bold, links, lists and code — and updates the live preview beside it. A formatting bar above the editor adds bold, italic, headings, lists, quotes, links, images, code blocks and tables with a single click.

Keyboard shortcuts and the command palette

You can drive everything from the keyboard. Press Ctrl/Cmd+K to open the command palette and run any action — apply a template or colour scheme, change the view, insert a table or export — just by typing its name.

• Ctrl/Cmd + B, I — Bold and italic
• Ctrl/Cmd + K — Open the command palette
• Ctrl/Cmd + F — Find and replace
• Ctrl/Cmd + S — Download as a .md file
• Enter / Tab — Continue a list or indent

Find, outline and live counts

Press Ctrl/Cmd+F to find and replace text. The status bar shows live word, character and reading-time counts and a synced-scroll toggle, plus a clickable outline of your headings to jump around the document. Switch between Editor, Split and Preview, or enter Zen mode for distraction-free writing.

Toolbar

• File — Open a file, start a new document, load the sample or the syntax guide, download your work as .md, or clear the editor — all from the File menu
• Style — Open the styling panel: templates, colours, typography and layout — including the S/M/L workspace size
• Zen — Distraction-free Zen mode that hides everything but the editor and preview
• Export — Download your styled document in HTML, PDF, or DOCX format

Opening files

• Drag & Drop — Drop any .md file directly onto the editor to open it

Sidebar Tabs

Open it with the Style button. The panel has four tabs for customizing your document:

• Templates — Choose from 16 pre-designed styles
• Colors — Apply color schemes or set custom colors
• Type — Select fonts and adjust sizing
• Layout — Control document width, the S/M/L workspace size, and decorative options

3. Templates

Velvet MD offers 16 professionally designed templates. Each template provides a complete visual style including fonts, colors, spacing, and decorative elements.

Additional templates include Minimal, Magazine, Notion, Sepia, Nord, Dracula, Solarized, Monokai, Paper, and Tokyo Night.

4. Color Schemes

Customize your document's color palette using quick schemes or fine-tune individual colors for complete control.

Quick Schemes

Apply a complete color palette with one click. The 20 available schemes are organized by mood:

Custom Colors

For precise brand matching or personal preference, adjust individual color values:

// Your branded code block
const brand = "Custom";

• Background — Document background color
• Text Color — Body text color
• Heading Color — Color for all heading levels
• Accent / Links — Links, highlights, and accent elements
• Code Background — Background for code blocks and inline code
• Blockquote Border — Left border color for blockquotes

5. Typography

Fine-tune the typography of your document with font families, sizes, and spacing controls.

Font Families

Choose from 35+ carefully selected fonts for each text category:

Sizing & Spacing

Line Height Impact

6. Layout Options

Control document structure, alignment, and decorative elements to achieve the perfect layout.

Document Settings

• Content Width — Maximum width of content area (600-1200px recommended)
• Padding — Space around the content
• Text Alignment — Left-aligned, justified, or centered text

Decorative Options

const x = 1;

const x = 1;

7. Export Formats

Export your styled document in the format that best suits your needs:

8. Tips & Best Practices

Choosing Templates

• Use Editorial or Sepia for long-form content like essays and reports
• Choose Terminal or GitHub for technical documentation with code
• Academic template is ideal for papers requiring formal structure
• Dark templates (Dark Mode, Dracula, Nord) are easier on eyes in low-light

Optimizing Output

• For print: use light backgrounds and higher contrast colors
• For screen reading: 600-700px content width is optimal for body text
• Export to DOCX when you need to make further edits in Word