diff --git a/src/img/screenshots/SettingsAPIsAPIKeysDark.png b/src/img/screenshots/SettingsAPIsAPIKeysDark.png
new file mode 100644
index 000000000..38d61cf05
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsAPIKeysDark.png differ
diff --git a/src/img/screenshots/SettingsAPIsAPIKeysLight.png b/src/img/screenshots/SettingsAPIsAPIKeysLight.png
new file mode 100644
index 000000000..7ee46885b
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsAPIKeysLight.png differ
diff --git a/src/img/screenshots/SettingsAPIsMiscellaneousDark.png b/src/img/screenshots/SettingsAPIsMiscellaneousDark.png
new file mode 100644
index 000000000..e1e5372a2
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsMiscellaneousDark.png differ
diff --git a/src/img/screenshots/SettingsAPIsMiscellaneousLight.png b/src/img/screenshots/SettingsAPIsMiscellaneousLight.png
new file mode 100644
index 000000000..51f6d544b
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsMiscellaneousLight.png differ
diff --git a/src/img/screenshots/SettingsAPIsServicesDark.png b/src/img/screenshots/SettingsAPIsServicesDark.png
new file mode 100644
index 000000000..ea49964cf
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsServicesDark.png differ
diff --git a/src/img/screenshots/SettingsAPIsServicesLight.png b/src/img/screenshots/SettingsAPIsServicesLight.png
new file mode 100644
index 000000000..8d1fb081d
Binary files /dev/null and b/src/img/screenshots/SettingsAPIsServicesLight.png differ
diff --git a/src/img/screenshots/SettingsCustomCommandsDark.png b/src/img/screenshots/SettingsCustomCommandsDark.png
new file mode 100644
index 000000000..f5ca26e5e
Binary files /dev/null and b/src/img/screenshots/SettingsCustomCommandsDark.png differ
diff --git a/src/img/screenshots/SettingsCustomCommandsLight.png b/src/img/screenshots/SettingsCustomCommandsLight.png
new file mode 100644
index 000000000..7bf6adb23
Binary files /dev/null and b/src/img/screenshots/SettingsCustomCommandsLight.png differ
diff --git a/src/img/screenshots/SettingsExternalToolsDark.png b/src/img/screenshots/SettingsExternalToolsDark.png
new file mode 100644
index 000000000..ae9eccf00
Binary files /dev/null and b/src/img/screenshots/SettingsExternalToolsDark.png differ
diff --git a/src/img/screenshots/SettingsExternalToolsLight.png b/src/img/screenshots/SettingsExternalToolsLight.png
new file mode 100644
index 000000000..d1204d0fb
Binary files /dev/null and b/src/img/screenshots/SettingsExternalToolsLight.png differ
diff --git a/src/img/screenshots/SettingsLanguegeDark.png b/src/img/screenshots/SettingsLanguegeDark.png
new file mode 100644
index 000000000..27147cc14
Binary files /dev/null and b/src/img/screenshots/SettingsLanguegeDark.png differ
diff --git a/src/img/screenshots/SettingsLanguegeLight.png b/src/img/screenshots/SettingsLanguegeLight.png
new file mode 100644
index 000000000..928ae9316
Binary files /dev/null and b/src/img/screenshots/SettingsLanguegeLight.png differ
diff --git a/src/img/screenshots/SettingsLauncherConsoleDark.png b/src/img/screenshots/SettingsLauncherConsoleDark.png
new file mode 100644
index 000000000..27805c363
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherConsoleDark.png differ
diff --git a/src/img/screenshots/SettingsLauncherConsoleLight.png b/src/img/screenshots/SettingsLauncherConsoleLight.png
new file mode 100644
index 000000000..44e9c51a2
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherConsoleLight.png differ
diff --git a/src/img/screenshots/SettingsLauncherFeaturesDark.png b/src/img/screenshots/SettingsLauncherFeaturesDark.png
new file mode 100644
index 000000000..bbd1cc1b2
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherFeaturesDark.png differ
diff --git a/src/img/screenshots/SettingsLauncherFeaturesLight.png b/src/img/screenshots/SettingsLauncherFeaturesLight.png
new file mode 100644
index 000000000..1857e8273
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherFeaturesLight.png differ
diff --git a/src/img/screenshots/SettingsLauncherUserInterfaceDark.png b/src/img/screenshots/SettingsLauncherUserInterfaceDark.png
new file mode 100644
index 000000000..64402433c
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherUserInterfaceDark.png differ
diff --git a/src/img/screenshots/SettingsLauncherUserInterfaceLight.png b/src/img/screenshots/SettingsLauncherUserInterfaceLight.png
new file mode 100644
index 000000000..6e0a0bb6e
Binary files /dev/null and b/src/img/screenshots/SettingsLauncherUserInterfaceLight.png differ
diff --git a/src/img/screenshots/SettingsMinecraftDark.png b/src/img/screenshots/SettingsMinecraftDark.png
new file mode 100644
index 000000000..37b36f031
Binary files /dev/null and b/src/img/screenshots/SettingsMinecraftDark.png differ
diff --git a/src/img/screenshots/SettingsMinecraftLight.png b/src/img/screenshots/SettingsMinecraftLight.png
new file mode 100644
index 000000000..3b0daff61
Binary files /dev/null and b/src/img/screenshots/SettingsMinecraftLight.png differ
diff --git a/src/img/screenshots/SettingsProxyDark.png b/src/img/screenshots/SettingsProxyDark.png
new file mode 100644
index 000000000..6e82c2a89
Binary files /dev/null and b/src/img/screenshots/SettingsProxyDark.png differ
diff --git a/src/img/screenshots/SettingsProxyLight.png b/src/img/screenshots/SettingsProxyLight.png
new file mode 100644
index 000000000..e1b0bbd45
Binary files /dev/null and b/src/img/screenshots/SettingsProxyLight.png differ
diff --git a/src/wiki/help-pages/APIs.md b/src/wiki/help-pages/APIs.md
new file mode 100644
index 000000000..d44ccfa00
--- /dev/null
+++ b/src/wiki/help-pages/APIs.md
@@ -0,0 +1,59 @@
+---
+eleventyNavigation:
+  key: APIs
+  parent: Help pages
+--- 
+
+## Services
+
+<div class="row">
+  <div class="column">
+      {% image "Features tab under Launcher tab in settings", "./src/img/screenshots/SettingsAPIsServicesLight.png", "./src/img/screenshots/SettingsAPIsServicesDark.png" %}
+  </div>
+</div>
+
+### Pastebin Service
+
+<!-- TODO: add image of Pastebin Service section -->
+
+This is where you can choose which Paste Service to use.
+
+### Metadata Server
+
+<!-- TODO: add image of Metadata Server section -->
+
+This is where you can set where the launcher gets it metadata.
+
+## API Keys
+
+<div class="row">
+  <div class="column">
+      {% image "User Interface tab under Launcher tab in settings", "./src/img/screenshots/SettingsAPIsAPIKeysLight.png", "./src/img/screenshots/SettingsAPIsAPIKeysDark.png" %}
+  </div>
+</div>
+
+### Microsoft Authentication
+
+<!-- TODO: add image of Microsoft Authentication section -->
+
+Set this if you want to use your own client ID for Microsoft Authentication.
+
+### CurseForge Core API
+
+<!-- TODO: add image of CurseForge Core API section -->
+
+Set this if you want to use your own CurseForge API key.
+
+## Miscellaneous
+
+<div class="row">
+  <div class="column">
+      {% image "Console tab under Launcher tab in settings", "./src/img/screenshots/SettingsAPIsMiscellaneousLight.png", "./src/img/screenshots/SettingsAPIsMiscellaneousDark.png" %}
+  </div>
+</div>
+
+### User Agent
+
+<!-- TODO: add image of User Agent section -->
+
+Set this if you want to use a custom User Agent.
diff --git a/src/wiki/help-pages/Custom-commands.md b/src/wiki/help-pages/Custom-commands.md
new file mode 100644
index 000000000..062dafff1
--- /dev/null
+++ b/src/wiki/help-pages/Custom-commands.md
@@ -0,0 +1,24 @@
+---
+eleventyNavigation:
+  key: Custom Commands
+  parent: Help pages
+---
+
+<div class="row">
+  <div class="column">
+      {% image "Mods tab under PrismLauncher settings", "./src/img/screenshots/SettingsCustomCommandsLight.png", "./src/img/screenshots/SettingsCustomCommandsDark.png" %}
+  </div>
+</div>
+
+Pre-launch command runs before the instance launches and post-exit command runs after it exits.
+
+Both will be run in the launcher's working folder with extra environment variables:
+
+* $INST_NAME - Name of the instance
+* $INST_ID - ID of the instance (its folder name)
+* $INST_DIR - absolute path of the instance
+* $INST_MC_DIR - absolute path of Minecraft
+* $INST_JAVA - Java binary used for launch
+* $INST_JAVA_ARGS - command-line parameters used for launch (warning: will not work correctly if arguments contain spaces)
+
+Wrapper command allows launching using an extra wrapper program (like 'optirun' on Linux)
diff --git a/src/wiki/help-pages/Language-settings.md b/src/wiki/help-pages/Language-settings.md
new file mode 100644
index 000000000..7b4c2708a
--- /dev/null
+++ b/src/wiki/help-pages/Language-settings.md
@@ -0,0 +1,13 @@
+---
+eleventyNavigation:
+  key: Language Settings
+  parent: Help pages
+---
+
+<div class="row">
+  <div class="column">
+      {% image "Mods tab under PrismLauncher settings", "./src/img/screenshots/SettingsLanguegeLight.png", "./src/img/screenshots/SettingsLanguegeDark.png" %}
+  </div>
+</div>
+
+In this Page, you can select the language Prism Launcher should use.
diff --git a/src/wiki/help-pages/Launcher-settings.md b/src/wiki/help-pages/Launcher-settings.md
new file mode 100644
index 000000000..90171138d
--- /dev/null
+++ b/src/wiki/help-pages/Launcher-settings.md
@@ -0,0 +1,77 @@
+---
+eleventyNavigation:
+  key: Launcher Settings
+  parent: Help pages
+--- 
+
+## Features
+
+<div class="row">
+  <div class="column">
+      {% image "Features tab under Launcher tab in settings", "./src/img/screenshots/SettingsLauncherFeaturesLight.png", "./src/img/screenshots/SettingsLauncherFeaturesDark.png" %}
+  </div>
+</div>
+
+### Folders
+
+<!-- TODO: add image of folder section -->
+
+This is where you can set the location for the Instances, Mods & Icons folders.
+
+### Mods
+
+<!-- TODO: add image of mods section -->
+
+Disable the usage of metadata provided by Modrinth and CursForge for mods.
+
+## User Interface
+
+<div class="row">
+  <div class="column">
+      {% image "User Interface tab under Launcher tab in settings", "./src/img/screenshots/SettingsLauncherUserInterfaceLight.png", "./src/img/screenshots/SettingsLauncherUserInterfaceDark.png" %}
+  </div>
+</div>
+
+### Instance view sorting mode
+
+<!-- TODO: add image of Instance view sorting mode section -->
+
+How the instances should be sorted.
+
+### Theme
+
+<!-- TODO: add image of Theme section -->
+
+This is where you can choose which Icon Theme, Color Theme or Background Cat you want.
+
+### Tools
+
+<!-- TODO: add image of Tools section -->
+
+This is where you can choose if you want a menubar or toolbar.
+
+## Console
+
+<div class="row">
+  <div class="column">
+      {% image "Console tab under Launcher tab in settings", "./src/img/screenshots/SettingsLauncherConsoleLight.png", "./src/img/screenshots/SettingsLauncherConsoleDark.png" %}
+  </div>
+</div>
+
+### Console Settings
+
+<!-- TODO: add image of Console Settings section -->
+
+This is where you set when the log window should appear.
+
+### History limit
+
+<!-- TODO: add image of History limit section -->
+
+This is where you set if you want to limit the log length and by how much.
+
+### Console font
+
+<!-- TODO: add image of Console font section -->
+
+This is where you can change the font and font size of the log.
diff --git a/src/wiki/help-pages/Minecraft-settings.md b/src/wiki/help-pages/Minecraft-settings.md
new file mode 100644
index 000000000..944f2ce96
--- /dev/null
+++ b/src/wiki/help-pages/Minecraft-settings.md
@@ -0,0 +1,43 @@
+---
+eleventyNavigation:
+  key: Minecraft Settings
+  parent: Help pages
+--- 
+
+<div class="row">
+  <div class="column">
+      {% image "Mods tab under PrismLauncher settings", "./src/img/screenshots/SettingsMinecraftLight.png", "./src/img/screenshots/SettingsMinecraftDark.png" %}
+  </div>
+</div>
+
+### Window Size
+
+<!-- TODO: add image of Window Size section -->
+
+This is where you set the Window size and if it should be maximized*.
+
+*Only works on 1.5.2 and older
+
+### Native library workarounds
+
+<!-- TODO: add image of Native library workarounds section -->
+
+Enable the usage of system libraries instead of the included ones.
+
+### Performance
+
+<!-- TODO: add image of Performance section -->
+
+Enable some external tools related to performance.
+
+### Game time
+
+<!-- TODO: add image of Game time section -->
+
+Set if you want to record play time and which to show.
+
+### Miscellaneous
+
+<!-- TODO: add image of Miscellaneous section -->
+
+Set when you want to close or quit the launcher.
diff --git a/src/wiki/help-pages/Proxy-settings.md b/src/wiki/help-pages/Proxy-settings.md
new file mode 100644
index 000000000..7cc201f44
--- /dev/null
+++ b/src/wiki/help-pages/Proxy-settings.md
@@ -0,0 +1,29 @@
+---
+eleventyNavigation:
+  key: Proxy Settings
+  parent: Help pages
+--- 
+
+<div class="row">
+  <div class="column">
+      {% image "Mods tab under PrismLauncher settings", "./src/img/screenshots/SettingsProxyLight.png", "./src/img/screenshots/SettingsProxyDark.png" %}
+  </div>
+</div>
+
+### Type
+
+<!-- TODO: add image of Type section -->
+
+This is where you choose if and what type of proxy you want to use.
+
+### Address and Port
+
+<!-- TODO: add image of Address and Port section -->
+
+This is where you can set the Address and Port of your proxy server.
+
+### Authentication
+
+<!-- TODO: add image of Authentication section -->
+
+This is where you fill in the login details of your proxy.
diff --git a/src/wiki/help-pages/Tools.md b/src/wiki/help-pages/Tools.md
new file mode 100644
index 000000000..373c47571
--- /dev/null
+++ b/src/wiki/help-pages/Tools.md
@@ -0,0 +1,37 @@
+---
+eleventyNavigation:
+  key: External Tools
+  parent: Help pages
+--- 
+
+<div class="row">
+  <div class="column">
+      {% image "Mods tab under PrismLauncher settings", "./src/img/screenshots/SettingsExternalToolsLight.png", "./src/img/screenshots/SettingsExternalToolsDark.png" %}
+  </div>
+</div>
+
+<!-- TODO: add description of what each tool does -->
+
+### JProfiler
+
+<!-- TODO: add image of JProfiler section -->
+
+This is where you set to path to your JProfiler executable.
+
+### JVisualVM
+
+<!-- TODO: add image of JVisualVM section -->
+
+This is where you set to path to your JVisualVM executable.
+
+### MCEdit
+
+<!-- TODO: add image of MCEdit section -->
+
+This is where you set to path to your MCEdit executable.
+
+### External Editors
+
+<!-- TODO: add image of External Editors section -->
+
+This is where you set to path to your text editor of choice or leave it blank to use the systems default one.