diff --git a/docs.json b/docs.json
index 8d647db05..60e70a77f 100644
--- a/docs.json
+++ b/docs.json
@@ -231,19 +231,28 @@
                       "en/usage/platforms/qq/aiocqhttp/napcat",
                       "en/usage/platforms/qq/aiocqhttp/lagrange",
                       "en/usage/platforms/qq/aiocqhttp/llonebot"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "qq",
+                      "style": "brands"
+                    }
                   },
                   {
                     "group": "Satori (QQ & Multi-Platform)",
                     "pages": [
                       "en/usage/platforms/satori/llonebot"
-                    ]
+                    ],
+                    "icon": "robot"
                   },
                   {
                     "group": "QQ Official Bot",
                     "pages": [
                       "en/usage/platforms/qq/official_webhook"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "qq",
+                      "style": "brands"
+                    }
                   },
                   {
                     "group": "WeCom (Enterprise WeChat)",
@@ -251,13 +260,18 @@
                       "en/usage/platforms/wecom/wecom",
                       "en/usage/platforms/wecom/wecomcs",
                       "en/usage/platforms/wecom/wecombot"
-                    ]
+                    ],
+                    "icon": "/images/platforms/wecom.svg"
                   },
                   {
                     "group": "WeChat",
                     "pages": [
                       "en/usage/platforms/wechat/weixin"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "weixin",
+                      "style": "brands"
+                    }
                   }
                 ]
               },
@@ -658,19 +672,28 @@
                       "ja/usage/platforms/qq/aiocqhttp/napcat",
                       "ja/usage/platforms/qq/aiocqhttp/lagrange",
                       "ja/usage/platforms/qq/aiocqhttp/llonebot"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "qq",
+                      "style": "brands"
+                    }
                   },
                   {
                     "group": "Satori（QQ等マルチプラットフォーム）",
                     "pages": [
                       "ja/usage/platforms/satori/llonebot"
-                    ]
+                    ],
+                    "icon": "robot"
                   },
                   {
                     "group": "QQ 公式ボット",
                     "pages": [
                       "ja/usage/platforms/qq/official_webhook"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "qq",
+                      "style": "brands"
+                    }
                   },
                   {
                     "group": "WeCom（企業微信）",
@@ -678,13 +701,18 @@
                       "ja/usage/platforms/wecom/wecom",
                       "ja/usage/platforms/wecom/wecomcs",
                       "ja/usage/platforms/wecom/wecombot"
-                    ]
+                    ],
+                    "icon": "/images/platforms/wecom.svg"
                   },
                   {
                     "group": "WeChat",
                     "pages": [
                       "ja/usage/platforms/wechat/weixin"
-                    ]
+                    ],
+                    "icon": {
+                      "name": "weixin",
+                      "style": "brands"
+                    }
                   }
                 ]
               },
@@ -813,4 +841,4 @@
   "metadata": {
     "google-site-verification": "LBNmWbXCAXdoqrbwg5Gep-xzQ7u7lJHSdpR49N3Ttgg"
   }
-}
\ No newline at end of file
+}
diff --git a/en/usage/platforms/dingtalk.mdx b/en/usage/platforms/dingtalk.mdx
index 30b8896be..419f78844 100644
--- a/en/usage/platforms/dingtalk.mdx
+++ b/en/usage/platforms/dingtalk.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Deploy DingTalk Bot"
+icon: "/images/platforms/dingtalk.svg"
 ---
-
 Deploy LangBot to DingTalk.
 
 ## One-Click Setup (Recommended)
diff --git a/en/usage/platforms/discord.mdx b/en/usage/platforms/discord.mdx
index 937f9c64c..f56f10289 100644
--- a/en/usage/platforms/discord.mdx
+++ b/en/usage/platforms/discord.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Connect to Discord Bot"
+icon:
+  name: "discord"
+  style: "brands"
 ---
-
 ## Create Bot
 
 Go to the [Discord Developer Portal](https://discord.com/developers/applications), log in, and create an application.
diff --git a/en/usage/platforms/kook.mdx b/en/usage/platforms/kook.mdx
index 7cff45542..1b5c8d38f 100644
--- a/en/usage/platforms/kook.mdx
+++ b/en/usage/platforms/kook.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Integrating KOOK Bot"
+icon: "/images/platforms/kook.png"
 ---
-
 ## Create a Bot
 
 Visit the [KOOK Developer Center](https://developer.kookapp.cn/), log in and access the console.
diff --git a/en/usage/platforms/lark.mdx b/en/usage/platforms/lark.mdx
index 6b024f4e2..1893ed4eb 100644
--- a/en/usage/platforms/lark.mdx
+++ b/en/usage/platforms/lark.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Connect to Feishu Bot"
+icon: "/images/platforms/lark.svg"
 ---
-
 ## One-Click Setup (Recommended)
 
 LangBot supports one-click Feishu app creation with automatic credential filling — no manual copy-paste needed.
diff --git a/en/usage/platforms/line.mdx b/en/usage/platforms/line.mdx
index 398cc5da4..21711dc1c 100644
--- a/en/usage/platforms/line.mdx
+++ b/en/usage/platforms/line.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Integrating LINE Bot"
+icon:
+  name: "line"
+  style: "brands"
 ---
-
 This article explains how to connect LangBot with the LINE platform to implement LINE bot functionality.
 
 ## Creating a LINE Bot
diff --git a/en/usage/platforms/slack.mdx b/en/usage/platforms/slack.mdx
index 1b04ff5e6..24e85138c 100644
--- a/en/usage/platforms/slack.mdx
+++ b/en/usage/platforms/slack.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Connect to Slack Bot"
+icon:
+  name: "slack"
+  style: "brands"
 ---
-
 ## Create Bot
 
 Go to the [Slack App Platform](https://api.slack.com/apps).
diff --git a/en/usage/platforms/telegram.mdx b/en/usage/platforms/telegram.mdx
index 093de63ef..67628817c 100644
--- a/en/usage/platforms/telegram.mdx
+++ b/en/usage/platforms/telegram.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Connect to Telegram Bot"
+icon:
+  name: "telegram"
+  style: "brands"
 ---
-
 ## Create Bot
 
 Go to the [Telegram Bot Creation Page](https://t.me/botfather), follow the prompts, and create a bot.
diff --git a/en/usage/platforms/webpage.mdx b/en/usage/platforms/webpage.mdx
index 15d5a70aa..338f4860c 100644
--- a/en/usage/platforms/webpage.mdx
+++ b/en/usage/platforms/webpage.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Web Page Bot"
+icon:
+  name: "globe"
+  style: "solid"
 ---
-
 Embed a LangBot chat widget into any website with a single script tag.
 
 ## Create Bot
diff --git a/en/usage/platforms/wxoa.mdx b/en/usage/platforms/wxoa.mdx
index 3af8a0aee..115c07788 100644
--- a/en/usage/platforms/wxoa.mdx
+++ b/en/usage/platforms/wxoa.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Deploy WeChat Official Account Bot"
+icon:
+  name: "weixin"
+  style: "brands"
 ---
-
 Deploy WeChat Official Account bot to connect with LangBot.
 
 ## LangBot WeChat Official Account Integration Modes
diff --git a/images/platforms/kook.png b/images/platforms/kook.png
index 108ccd45c..ae3ab41cf 100644
Binary files a/images/platforms/kook.png and b/images/platforms/kook.png differ
diff --git a/ja/usage/platforms/dingtalk.mdx b/ja/usage/platforms/dingtalk.mdx
index 404e76578..26f39a912 100644
--- a/ja/usage/platforms/dingtalk.mdx
+++ b/ja/usage/platforms/dingtalk.mdx
@@ -1,7 +1,7 @@
 ---
 title: "DingTalk ボットのデプロイ"
+icon: "/images/platforms/dingtalk.svg"
 ---
-
 DingTalk に LangBot をデプロイします。
 
 ## 一键設定（おすすめ）
diff --git a/ja/usage/platforms/discord.mdx b/ja/usage/platforms/discord.mdx
index fce3ca01b..0c6de03a9 100644
--- a/ja/usage/platforms/discord.mdx
+++ b/ja/usage/platforms/discord.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Discord ボットに接続"
+icon:
+  name: "discord"
+  style: "brands"
 ---
-
 ## ボットの作成
 
 [Discord Developer Portal](https://discord.com/developers/applications)にアクセスし、ログインしてアプリケーションを作成します。
diff --git a/ja/usage/platforms/kook.mdx b/ja/usage/platforms/kook.mdx
index 71eacee5f..26968b753 100644
--- a/ja/usage/platforms/kook.mdx
+++ b/ja/usage/platforms/kook.mdx
@@ -1,7 +1,7 @@
 ---
 title: "KOOK ボットの統合"
+icon: "/images/platforms/kook.png"
 ---
-
 ## ボットの作成
 
 [KOOK Developer Center](https://developer.kookapp.cn/)にアクセスし、ログインしてコンソールにアクセスします。
diff --git a/ja/usage/platforms/lark.mdx b/ja/usage/platforms/lark.mdx
index f84eb2465..174505377 100644
--- a/ja/usage/platforms/lark.mdx
+++ b/ja/usage/platforms/lark.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Feishu ボットに接続"
+icon: "/images/platforms/lark.svg"
 ---
-
 ## 一键設定（おすすめ）
 
 LangBot は Feishu アプリのワンクリック作成とクレデンシャルの自動入力に対応しています。手動でのコピペは不要です。
diff --git a/ja/usage/platforms/line.mdx b/ja/usage/platforms/line.mdx
index e5a250fbd..df69e2f21 100644
--- a/ja/usage/platforms/line.mdx
+++ b/ja/usage/platforms/line.mdx
@@ -1,7 +1,9 @@
 ---
 title: "LINE ボットの統合"
+icon:
+  name: "line"
+  style: "brands"
 ---
-
 この記事では、LangBot を LINE プラットフォームと接続して LINE ボット機能を実装する方法について説明します。
 
 ## LINE ボットの作成
diff --git a/ja/usage/platforms/slack.mdx b/ja/usage/platforms/slack.mdx
index a4d6ecf2e..08e6c78ef 100644
--- a/ja/usage/platforms/slack.mdx
+++ b/ja/usage/platforms/slack.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Slack ボットに接続"
+icon:
+  name: "slack"
+  style: "brands"
 ---
-
 ## ボットの作成
 
 [Slack App Platform](https://api.slack.com/apps)にアクセスします。
diff --git a/ja/usage/platforms/telegram.mdx b/ja/usage/platforms/telegram.mdx
index 0ff062245..c4f0bba1e 100644
--- a/ja/usage/platforms/telegram.mdx
+++ b/ja/usage/platforms/telegram.mdx
@@ -1,7 +1,9 @@
 ---
 title: "Telegram ボットに接続"
+icon:
+  name: "telegram"
+  style: "brands"
 ---
-
 ## ボットの作成
 
 [Telegram Bot Creation Page](https://t.me/botfather)にアクセスし、プロンプトに従ってボットを作成します。
diff --git a/ja/usage/platforms/webpage.mdx b/ja/usage/platforms/webpage.mdx
index 213d97da7..e5238adc3 100644
--- a/ja/usage/platforms/webpage.mdx
+++ b/ja/usage/platforms/webpage.mdx
@@ -1,7 +1,9 @@
 ---
 title: "ウェブページボット"
+icon:
+  name: "globe"
+  style: "solid"
 ---
-
 一行のスクリプトタグで LangBot チャットウィジェットを任意のウェブサイトに埋め込みます。
 
 ## ボットの作成
diff --git a/ja/usage/platforms/wxoa.mdx b/ja/usage/platforms/wxoa.mdx
index 098e39674..bf722daa0 100644
--- a/ja/usage/platforms/wxoa.mdx
+++ b/ja/usage/platforms/wxoa.mdx
@@ -1,7 +1,9 @@
 ---
 title: "WeChat Official Account ボットのデプロイ"
+icon:
+  name: "weixin"
+  style: "brands"
 ---
-
 WeChat Official Account ボットをデプロイして LangBot に接続します。
 
 ## LangBot WeChat Official Account 統合モード