diff --git a/doc/assets/bubble-render.png b/doc/assets/bubble-render.png
new file mode 100644
index 000000000..1876aa24c
Binary files /dev/null and b/doc/assets/bubble-render.png differ
diff --git a/doc/assets/bubble-source.png b/doc/assets/bubble-source.png
new file mode 100644
index 000000000..32c1bd965
Binary files /dev/null and b/doc/assets/bubble-source.png differ
diff --git a/doc/assets/google-render.png b/doc/assets/google-render.png
new file mode 100644
index 000000000..8d941332e
Binary files /dev/null and b/doc/assets/google-render.png differ
diff --git a/doc/assets/google-source.png b/doc/assets/google-source.png
new file mode 100644
index 000000000..6754f66e7
Binary files /dev/null and b/doc/assets/google-source.png differ
diff --git a/doc/assets/tiger-render.png b/doc/assets/tiger-render.png
new file mode 100644
index 000000000..bcbffebf1
Binary files /dev/null and b/doc/assets/tiger-render.png differ
diff --git a/doc/assets/tiger-source.png b/doc/assets/tiger-source.png
new file mode 100644
index 000000000..1845d33ad
Binary files /dev/null and b/doc/assets/tiger-source.png differ
diff --git a/doc/assets/transform-render.png b/doc/assets/transform-render.png
new file mode 100644
index 000000000..c45f81df8
Binary files /dev/null and b/doc/assets/transform-render.png differ
diff --git a/doc/assets/transform-source.png b/doc/assets/transform-source.png
new file mode 100644
index 000000000..179c3f812
Binary files /dev/null and b/doc/assets/transform-source.png differ
diff --git a/doc/index.md b/doc/index.md
index b557b1e55..7852ea146 100644
--- a/doc/index.md
+++ b/doc/index.md
@@ -6,12 +6,128 @@
         height: 6rlh;
         margin-left: 1rem;
     }
+
+    .note {
+        border-left: 0.25rem solid #0377fc;
+        padding: 0 1rem;
+        margin: 1rem 0;
+    }
+
+    .center {
+        text-align: center;
+        display: flex;
+        gap: 1rem;
+        flex-direction: column;
+        margin: 0 auto;
+    }
+
+    .medium {
+        width: 50%;
+    }
+
+    .btn{
+        background: var(--accent);
+        color: var(--background-color);
+        padding: 0.5rem 1rem;
+        border-radius: 0.25rem;
+    }
+
+    .comparison {
+        display: flex;
+        gap: 1rem;
+    }
+
+    .comparison img {
+        width: 50%;
+    }
+
+    .legend {
+        font-size: 0.75rem;
+        color: var(--text-muted);
+    }
+
 </style>
 
 # Munch the web into crisp documents
 
-**Paper-Muncher** is a next-generation document generation tool tailor-made for business applications.
+❓️ **Paper-Muncher** is a next-generation HTML to PDF renderer running on it's own web engine.<br>
+Produce beautiful, print-ready documents from web pages fast, without struggle. It's free, open source and available
+right now.
+
+
+<div class="note">
+    Paper-Muncher is now in alpha. We're currently focused on improving our CSS compliance. While it's
+    still early days, the project is functional enough to try out, and we're actively looking for feedback. The direction
+    may still evolve, but you can already get a feel for where we're headed. Let us know what you think in
+    the <a href="https://github.com/odoo/paper-muncher/issues">GitHub issues</a>!
+</div>
+
+## Installation
+
+<div class="center medium">
+    <a class="btn" href="https://github.com/odoo/paper-muncher/releases/tag/nightly">Download latest Debian release</a>
+    <a class="btn" href="./install.html">Build From sources</a>
+</div>
+
+## Paper Muncher in action
+
+###Bubble sale order
+<div class="comparison">
+    <img src="assets/bubble-source.png" alt="source HTML">
+    <img src="assets/bubble-render.png" alt="rendered PDF">
+</div>
+
+
+###SVG tiger
+<div class="comparison">
+    <img src="assets/tiger-source.png" alt="source HTML">
+    <img src="assets/tiger-render.png" alt="rendered PDF">
+</div>
+
+
+###Paginated documents
+<div class="comparison">
+    <img src="assets/tiger-source.png" alt="source HTML">
+    <img src="assets/tiger-render.png" alt="rendered PDF">
+</div>
+
+
+###Google
+<div class="comparison">
+    <img src="assets/google-source.png" alt="source HTML">
+    <img src="assets/google-render.png" alt="rendered PDF">
+</div>
+
+
+###Images
+<div class="comparison">
+    <img src="assets/google-source.png" alt="source HTML">
+    <img src="assets/google-render.png" alt="rendered PDF">
+</div>
+
+
+[//]: # (###Transforms)
+
+[//]: # (<div class="comparison">)
+
+[//]: # (    <img src="assets/transform-source.png" alt="source HTML">)
+
+[//]: # (    <img src="assets/transform-render.png" alt="rendered PDF">)
+
+[//]: # (</div>)
+
+
+<div class="center medium">
+    <a class="btn" href="./assets/human-rights.pdf">Download The paginated Universal Declaration of Human Rights</a>
+    <a class="legend" href="https://www.un.org/en/about-us/universal-declaration-of-human-rights">source</a>
+</div>
+
+## Usage
+
+```bash
+paper-muncher <input.html> <output.pdf> [options]
+```
 
 ---
 
-Paper-Muncher is now in early alpha. We're currently focused on improving stability and ensuring compliance. While it's still early days, the project is functional enough to try out, and we're actively looking for feedback. The direction may still evolve, but you can already get a feel for where we're headed. Let us know what you think in the [GitHub issues](https://github.com/odoo/paper-muncher/issues)!
+
diff --git a/doc/style.css b/doc/style.css
index 9f1415054..e72e9ad8b 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -5,3 +5,7 @@ nav a {
 nav a:first-child {
     margin-inline-start: 0;
 }
+
+body {
+    --accent: #0078d4;
+}