diff --git a/apps/web/content/handbook/how-we-work/4.cms.mdx b/apps/web/content/handbook/how-we-work/4.cms.mdx
index 4dd2959ece..ca0d5d908e 100644
--- a/apps/web/content/handbook/how-we-work/4.cms.mdx
+++ b/apps/web/content/handbook/how-we-work/4.cms.mdx
@@ -4,11 +4,18 @@ section: "How-we-work"
 summary: "We use GitHub as our CMS, keeping us open-source friendly and transparent."
 ---
 
-## GitHub as our CMS
+## GitHub
 
-## Decap for non-technical users
+## Decap
 
-- We use [Decap CMS](https://github.com/decaporg/decap-cms) for non-technical editors.
-- All config stored in `apps/web/public/admin`, and accessible at `https://hyprnote.com/admin`. (this is not accessible in `dev` mode)
-- We use [GitHub](https://decapcms.org/docs/github-backend) as storage backend, with [Netlify Git Gateway](https://docs.netlify.com/manage/security/secure-access-to-sites/git-gateway) to authenticate users.
-- New users should be invited at `https://app.netlify.com/projects/hyprnote/configuration/identity#users`.
+* We use [Decap CMS](https://github.com/decaporg/decap-cms) for non-technical editors.
+
+### Developer
+
+* All config stored in `apps/web/public/admin`, and accessible at `https://hyprnote.com/admin`. (this is not accessible in `dev` mode)
+* We use [GitHub](https://decapcms.org/docs/github-backend) as storage backend, with [Netlify Git Gateway](https://docs.netlify.com/manage/security/secure-access-to-sites/git-gateway) to authenticate users.
+* New users should be invited at `https://app.netlify.com/projects/hyprnote/configuration/identity#users`.
+
+### Editor
+
+![](/images/handbook/screenshot-2026-01-02-at-2.35.42 pm.png "decap_workflow")
diff --git "a/apps/web/public/images/handbook/screenshot-2026-01-02-at-2.35.42\342\200\257pm.png" "b/apps/web/public/images/handbook/screenshot-2026-01-02-at-2.35.42\342\200\257pm.png"
new file mode 100644
index 0000000000..9682f09162
Binary files /dev/null and "b/apps/web/public/images/handbook/screenshot-2026-01-02-at-2.35.42\342\200\257pm.png" differ