diff --git a/README.md b/README.md
index ccc4bbcef5..a0cef19368 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 
 ![HOT Logo](https://github.com/hotosm/fmtm/blob/main/images/hot_logo.png?raw=true)
 
+A project to provide tools for Open Mapping campaigns.
+
 <!-- markdownlint-disable -->
 
 | **Version**     | [![Version](https://img.shields.io/github/v/release/hotosm/fmtm?logo=github)](https://github.com/hotosm/fmtm/releases)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
@@ -11,16 +13,11 @@
 | **Docs**        | [![Publish Docs](https://github.com/hotosm/fmtm/actions/workflows/docs.yml/badge.svg?branch=development)](https://github.com/hotosm/fmtm/actions/workflows/docs.yml) [![Publish Docs to Wiki](https://github.com/hotosm/fmtm/actions/workflows/wiki.yml/badge.svg?branch=development)](https://github.com/hotosm/fmtm/actions/workflows/wiki.yml)                                                                                                                                                                                                                                                                                                                                                    |
 | **Tech Stack**  | ![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge&logo=fastapi) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white) ![Kubernetes](https://img.shields.io/badge/kubernetes-%23326ce5.svg?style=for-the-badge&logo=kubernetes&logoColor=white) ![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)                                                                                                                                    |
 | **Code Style**  | ![Backend Style](https://img.shields.io/badge/code%20style-black-black) ![Frontend Style](https://img.shields.io/badge/code%20style-prettier-F7B93E?logo=Prettier) ![pre-commit](https://img.shields.io/badge/pre--commit-enabled-brightgreen?logo=pre-commit&logoColor=white)                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| **Other Info**  | [![GitHub Sponsors](https://img.shields.io/badge/sponsor-30363D?logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/hotosm) [![License](https://img.shields.io/github/license/hotosm/fmtm.svg)](https://github.com/hotosm/fmtm/blob/main/LICENSE.md) [![All Contributors](https://img.shields.io/github/all-contributors/hotosm/fmtm?color=ee8449&style=flat-square)](#contributors-) [![Coverage](https://hotosm.github.io/fmtm/coverage.svg)](https://hotosm.github.io/fmtm/coverage.html)                                                                                                                                                                                        |
+| **Metrics**     | [![All Contributors](https://img.shields.io/github/all-contributors/hotosm/fmtm?color=ee8449&style=flat-square)](#contributors-) [![Coverage](https://hotosm.github.io/fmtm/coverage.svg)](https://hotosm.github.io/fmtm/coverage.html)                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| **Other Info**  | [![Docs](https://github.com/hotosm/fmtm/blob/main/docs/images/docs_badge.svg?raw=true)](https://hotosm.github.io/fmtm/) [![GitHub Sponsors](https://img.shields.io/badge/sponsor-30363D?logo=GitHub-Sponsors&logoColor=#EA4AAA)](https://github.com/sponsors/hotosm) [![Task Board](https://github.com/hotosm/fmtm/blob/main/docs/images/tasks_badge.svg?raw=true)](https://github.com/orgs/hotosm/projects/22) [![License](https://img.shields.io/github/license/hotosm/fmtm.svg)](https://github.com/hotosm/fmtm/blob/main/LICENSE.md)                                                                                                                                                             |
 
 <!-- markdownlint-restore -->
 
-📖 [Documentation](https://hotosm.github.io/fmtm/)
-
-🎯 [Task Board](https://github.com/orgs/hotosm/projects/22)
-
-A project to provide tools for Open Mapping campaigns.
-
 While we have pretty good field mapping applications,
 we don’t have great tools to coordinate field mapping.
 However, we have most of the elements needed to create a field mapping-oriented
diff --git a/docs/images/docs_badge.svg b/docs/images/docs_badge.svg
new file mode 100644
index 0000000000..e05dfed776
--- /dev/null
+++ b/docs/images/docs_badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="51" height="20" role="img" aria-label="📖 Docs"><title>📖 Docs</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="51" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#d63f3f"/><rect x="0" width="51" height="20" fill="#d63f3f"/><rect width="51" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="255" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">📖 Docs</text><text x="255" y="140" transform="scale(.1)" fill="#fff" textLength="410">📖 Docs</text></g><script xmlns="" id="bw-fido2-page-script"/></svg>
\ No newline at end of file
diff --git a/docs/images/tasks_badge.svg b/docs/images/tasks_badge.svg
new file mode 100644
index 0000000000..11b55ac061
--- /dev/null
+++ b/docs/images/tasks_badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="87" height="20" role="img" aria-label="🎯 Task Board"><title>🎯 Task Board</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="87" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#606a7c"/><rect x="0" width="87" height="20" fill="#606a7c"/><rect width="87" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="435" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="770">🎯 Task Board</text><text x="435" y="140" transform="scale(.1)" fill="#fff" textLength="770">🎯 Task Board</text></g><script xmlns="" id="bw-fido2-page-script"/></svg>
\ No newline at end of file