diff --git a/README.md b/README.md
index eb29d24..171e715 100644
--- a/README.md
+++ b/README.md
@@ -34,6 +34,10 @@
 3. Support multi-channel customer service, and easy to integrate with third-party systems.
 4. Easy to deploy and secondary development.
 
+## 📺 System Preview
+
+![Login Page](assets/images/login_page.png)
+
 ## 🛫 Quick start 
 
 > **Note**: You can get started quickly with OpenKF.
diff --git a/README_zh-CN.md b/README_zh-CN.md
index afe6cc1..af46e4d 100644
--- a/README_zh-CN.md
+++ b/README_zh-CN.md
@@ -13,6 +13,11 @@
 3. 支持多渠道客服，并能与第三方系统轻松集成。
 4. 部署简单，便于二次开发。
 
+## 📺 系统预览 
+
+![登录界面](assets/images/login_page.png)
+
+
 ## 🛫 快速开始
 
 > **注意**：您可以通过以下步骤快速开始使用 OpenKF。
diff --git a/assets/images/login_page.png b/assets/images/login_page.png
new file mode 100644
index 0000000..772b0d4
Binary files /dev/null and b/assets/images/login_page.png differ