diff --git a/aider/website/_sass/custom/custom.scss b/aider/website/_sass/custom/custom.scss
index 015917fb7..16fa17d63 100644
--- a/aider/website/_sass/custom/custom.scss
+++ b/aider/website/_sass/custom/custom.scss
@@ -78,6 +78,7 @@
     border-top: 1px solid #32FF32;
     padding-top: 10px;
     text-transform: none;
+    font-size: 1.0rem !important;
 }
 
 .chat-transcript h4::before {
diff --git a/aider/website/docs/usage/modes.md b/aider/website/docs/usage/modes.md
new file mode 100644
index 000000000..54a11df50
--- /dev/null
+++ b/aider/website/docs/usage/modes.md
@@ -0,0 +1,49 @@
+---
+parent: Usage
+nav_order: 60
+description: Using the chat, ask and help chat modes.
+---
+
+# Chat modes
+
+Aider has 3 different chat modes:
+
+- `code` - Aider will make changes to your code to satisfy your requests.
+- `ask` - Aider will answer questions about your code, but never edit it.
+- `help` - Aider will answer questions about using aider, configuring, troubleshooting, etc.
+
+By default, aider starts in "code" mode. As you are talking, you can
+send messages in other modes using `/ask` and `/help` commands:
+
+<div class="chat-transcript" markdown="1">
+
+
+> Aider v0.47.1-dev  
+> Models: claude-3-5-sonnet-20240620 with diff edit format  
+> Git repo: .git with 298 files  
+> Repo-map: using 1024 tokens  
+> Use /help to see in-chat commands, run with --help to see cmd line args  
+
+#### /ask What is this repo?
+
+This is the source code to the popular django package.
+
+#### /help How do I use ollama?
+
+Run `aider --model ollama/<ollama-model>`.
+See these docs for more info: https://aider.chat/docs/llms/ollama.html
+
+</div>
+
+Using `/ask` and `/help` applies just to that particular message.
+Your next message will go back to code mode.
+
+You can switch between the modes in a sticky way
+with the `/chat-mode <mode>` command:
+
+```
+/chat-mode code
+/chat-mode ask
+/chat-mode help
+```
+