diff --git a/node/api.go b/node/api.go
index e6eae20..1bb4f48 100644
--- a/node/api.go
+++ b/node/api.go
@@ -235,11 +235,19 @@ func Serve(opts *ServeOpts) {
 	// Simple and clean SSR UI
 	ssr := newSSR(opts.TemplatesDir, opts.ES)
 	r.HandleFunc("/", ssr.ssrRootHandler)
+	// Forum
 	r.HandleFunc("/forum/page/{page:[0-9]+}", ssr.ssrForumHandler)
+	// Echo
 	r.HandleFunc("/echo/{echo:[a-z0-9-_.]+}/page/{page:[0-9]+}", ssr.echoViewHandler)
+	// Thread
 	r.HandleFunc("/thread/{topicid:[a-z0-9-]+}", ssr.threadViewHandler)
+	// Single message
 	r.HandleFunc("/msg/{msgid:[a-zA-Z0-9]{20}}", ssr.singleMessageHandler)
+	// Search
 	r.HandleFunc("/find", ssr.searchHandler).Methods(http.MethodGet)
+	// Docs
+	// formatting
+	r.HandleFunc("/docs/formatting", ssr.docsFormattingHandler)
 
 	if opts.ServeStatic {
 		r.PathPrefix("/static/").Handler(http.StripPrefix("/static/", http.FileServer(http.Dir(opts.StaticDir))))
diff --git a/node/ssr.go b/node/ssr.go
index 9c9a896..3836521 100644
--- a/node/ssr.go
+++ b/node/ssr.go
@@ -173,6 +173,18 @@ func (s *ssr) echoViewHandler(w http.ResponseWriter, r *http.Request) {
 	}
 }
 
+func (s *ssr) docsFormattingHandler(w http.ResponseWriter, r *http.Request) {
+	tpl, err := s.getTemplate("docs_formatting")
+	if err != nil {
+		log.Error(err)
+		return
+	}
+
+	if err := tpl.Execute(w, s.newPageData("docs: formatting", nil, 1, false)); err != nil {
+		log.Error(err)
+	}
+}
+
 func (s *ssr) singleMessageHandler(w http.ResponseWriter, r *http.Request) {
 	tpl, err := s.getTemplate("message")
 	if err != nil {
diff --git a/templates/common/header.html b/templates/common/header.html
index 26b83b6..190aa4a 100644
--- a/templates/common/header.html
+++ b/templates/common/header.html
@@ -36,6 +36,13 @@
                 new
               </a>
             </div>
+            <div class="nav-item">
+              <a class="nav-link"
+                 href="/docs/formatting"
+                 role="button">
+                doc
+              </a>
+            </div>
           </ul>
           <form method="get" action="/find" class="d-flex">
             <input
diff --git a/templates/common/style.html b/templates/common/style.html
index 47486fc..25ef569 100644
--- a/templates/common/style.html
+++ b/templates/common/style.html
@@ -16,6 +16,10 @@
       color: #eee8d5;
   }
 
+  pre {
+      color: #2aa198;
+  }
+
   .base2 {
       background-color: #073642;
       color: #eee8d5;
@@ -57,6 +61,14 @@
       box-shadow: 0px 0px 15px #002b36;
   }
 
+  .docs a {
+      color: #268bd2;
+  }
+
+  .docs-subheader a {
+      text-decoration: none;
+  }
+
   @media only screen and (max-width: 1000px) {
     .dynamic-post {
         margin-bottom: 0.5em;
diff --git a/templates/views/docs.html b/templates/views/docs.html
new file mode 100644
index 0000000..9f4d880
--- /dev/null
+++ b/templates/views/docs.html
@@ -0,0 +1,12 @@
+{{ template "header" . }}
+
+{{ template "style" }}
+
+<div class="container-fluid mt-5 docs">
+  <div class="container dynamic-bg dynamic-post">
+    <h2>message formating convention</h2>
+
+  </div>
+</div>
+
+{{ template "footer" }}
diff --git a/templates/views/docs_formatting.html b/templates/views/docs_formatting.html
new file mode 100644
index 0000000..df7ce3b
--- /dev/null
+++ b/templates/views/docs_formatting.html
@@ -0,0 +1,80 @@
+{{ template "header" . }}
+
+{{ template "style" }}
+
+<div class="container-fluid mt-5 docs">
+  <div class="container dynamic-bg dynamic-post">
+    <h2>message formating convention</h2>
+
+    <div class="docs-subheader" id="code_blocks">
+      <h3><a href="#code_blocks">Code blocks</a></h3>
+      <p>
+        Put your code betwen <i>====</i>
+        <div id="code_example1">
+          <pre>
+====
+for i in $(seq 1 25); do
+  sleep 1
+done
+====
+          </pre>
+        </div>
+      </p>
+    </div>
+
+    <div class="docs-subheader" id="headers">
+      <h3><a href="#headers">Headers</a></h3>
+      <p>
+        Put your header after <i>==</i> from the beginning of line
+        <div id="code_example2">
+          <pre>
+== This is my header!
+
+Regular text
+          </pre>
+        </div>
+      </p>
+    </div>
+
+    <div class="docs-subheader" id="quotes">
+      <h3><a href="#quotes">Quotes</a></h3>
+      <p>
+        Simple quoting
+        <pre>
+&gt;&gt; Double quote
+&gt; Quoted text
+
+Answer
+        </pre>
+      </p>
+      <p>
+        Quoting with an author name
+        <pre>
+Author&gt; Quoted text
+
+Answer
+        </pre>
+      </p>
+    </div>
+
+    <div class="docs-subheader" id="links">
+      <h3><a href="#links">Links</a></h3>
+      <p>
+        Links to the message
+        <pre>
+ii://LzGnRCl9R0pwz6JHdShE
+        </pre>
+      </p>
+      <p>
+        Links to the echo
+        <pre>
+ii://pipe.2032
+        </pre>
+      </p>
+    </div>
+
+
+  </div>
+</div>
+
+{{ template "footer" . }}
diff --git a/templates/views/root.html b/templates/views/root.html
index 52f1d37..d12139c 100644
--- a/templates/views/root.html
+++ b/templates/views/root.html
@@ -1,4 +1,4 @@
- {{ template "header" . }}
+{{ template "header" . }}
 
 {{ template "style" }}