diff --git a/README.md b/README.md
index 75b775a..3ff4a41 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,17 @@
+# [asciiflow.com](https://asciiflow.com)
+
 ASCIIFlow is a client-side only web based application for drawing ASCII diagrams. You can use it at [asciiflow.com](https://asciiflow.com).
 
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/asciiflow-scr-dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="./assets/asciiflow-scr-light.png">
+    <img alt="ASCIIFlow screenshot" src="./assets/asciiflow-scr-light.png">
+  </picture>
+</p>
+
 ## Contributing
+
 ### Installation
 
 ASCIIFlow is built with [Bazel](https://docs.bazel.build/versions/4.0.0/getting-started.html).
@@ -18,7 +29,6 @@ npm install -g @bazel/ibazel
 yarn global add @bazel/ibazel
 ```
 
-
 ### Running ASCIIFlow locally
 
 After installation of Bazel/Bazelisk, you can run ASCIIFlow locally with:
@@ -32,3 +42,4 @@ Or without ibazel (won't do live reloading):
 ```
 bazel run client:devserver
 ```
+
diff --git a/assets/asciiflow-scr-dark.png b/assets/asciiflow-scr-dark.png
new file mode 100644
index 0000000..1ae8aa5
Binary files /dev/null and b/assets/asciiflow-scr-dark.png differ
diff --git a/assets/asciiflow-scr-light.png b/assets/asciiflow-scr-light.png
new file mode 100644
index 0000000..87127f9
Binary files /dev/null and b/assets/asciiflow-scr-light.png differ