diff --git a/frontend/app/components/topnav.hbs b/frontend/app/components/topnav.hbs
index 65ebfc81..e6bdeac4 100644
--- a/frontend/app/components/topnav.hbs
+++ b/frontend/app/components/topnav.hbs
@@ -88,6 +88,17 @@
       </Topnav::List>
       <Topnav::List class="md:ml-auto md:border-t-0">
         <ReportReviewWarning @class="max-md:hidden" />
+        <Topnav::ListItem>
+          <Topnav::LinkTo
+            @onClick={{fn (mut this.expand) false}}
+            title="Timed Documentation Of This Page"
+            href={{this.docs.getDocsEndpoint}}
+            target="_blank"
+          >
+            <FaIcon @icon="book" />
+            Docs
+          </Topnav::LinkTo>
+        </Topnav::ListItem>
         <Topnav::ListItem>
           <Topnav::LinkTo
             @onClick={{fn (mut this.expand) false}}
diff --git a/frontend/app/components/topnav.js b/frontend/app/components/topnav.js
index c170eaf5..59b80227 100644
--- a/frontend/app/components/topnav.js
+++ b/frontend/app/components/topnav.js
@@ -7,6 +7,8 @@ export default class Topnav extends Component {
 
   @service media;
 
+  @service docs;
+
   @tracked expand = false;
 
   get navMobile() {
diff --git a/frontend/app/services/docs.js b/frontend/app/services/docs.js
new file mode 100644
index 00000000..cd12d53b
--- /dev/null
+++ b/frontend/app/services/docs.js
@@ -0,0 +1,30 @@
+import Service, { service } from "@ember/service";
+
+export default class DocsService extends Service {
+  timedDocsURL = "https://timed.dev/docs/";
+  @service router;
+
+  get getDocsEndpoint() {
+    return this.timedDocsURL + this.getDocsURL;
+  }
+
+  get getDocsURL() {
+    const docsUrlMatch = {
+      // timedUrl: DocsUrl
+      "/attendances": "tracking/attendances",
+      "/reports": "tracking/timesheet",
+      "/analysis": "analysis",
+      "/statistics": "statistics",
+      "/projects": "projects",
+      "/users": "users",
+      "/": "tracking/activities",
+    };
+
+    for (const timedUrl of Object.keys(docsUrlMatch)) {
+      if (this.router.currentURL.startsWith(timedUrl)) {
+        return docsUrlMatch[timedUrl];
+      }
+    }
+    return "";
+  }
+}
diff --git a/frontend/tests/unit/services/docs-test.js b/frontend/tests/unit/services/docs-test.js
new file mode 100644
index 00000000..c5a2430c
--- /dev/null
+++ b/frontend/tests/unit/services/docs-test.js
@@ -0,0 +1,12 @@
+import { module, test } from "qunit";
+import { setupTest } from "timed/tests/helpers";
+
+module("Unit | Service | docs", function (hooks) {
+  setupTest(hooks);
+
+  // TODO: Replace this with your real tests.
+  test("it exists", function (assert) {
+    const service = this.owner.lookup("service:docs");
+    assert.ok(service);
+  });
+});