diff --git a/docs/assets/img/product_pics/hat/roverc_hat/roverC_user1.jpg b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user1.jpg
new file mode 100755
index 00000000..6fef8936
Binary files /dev/null and b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user1.jpg differ
diff --git a/docs/assets/img/product_pics/hat/roverc_hat/roverC_user2.jpg b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user2.jpg
new file mode 100755
index 00000000..ba282902
Binary files /dev/null and b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user2.jpg differ
diff --git a/docs/assets/img/product_pics/hat/roverc_hat/roverC_user3.jpg b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user3.jpg
new file mode 100755
index 00000000..1a8b51af
Binary files /dev/null and b/docs/assets/img/product_pics/hat/roverc_hat/roverC_user3.jpg differ
diff --git a/docs/assets/img/product_pics/module/facesII_bottom/faceii_01.jpg b/docs/assets/img/product_pics/module/facesII_bottom/faceii_01.jpg
new file mode 100755
index 00000000..57846022
Binary files /dev/null and b/docs/assets/img/product_pics/module/facesII_bottom/faceii_01.jpg differ
diff --git a/docs/assets/img/product_pics/module/facesII_bottom/faceii_02.jpg b/docs/assets/img/product_pics/module/facesII_bottom/faceii_02.jpg
new file mode 100755
index 00000000..b22a9ea2
Binary files /dev/null and b/docs/assets/img/product_pics/module/facesII_bottom/faceii_02.jpg differ
diff --git a/docs/assets/img/product_pics/module/facesII_bottom/faceii_03.jpg b/docs/assets/img/product_pics/module/facesII_bottom/faceii_03.jpg
new file mode 100755
index 00000000..2e897b80
Binary files /dev/null and b/docs/assets/img/product_pics/module/facesII_bottom/faceii_03.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_bottom/face_01.jpg b/docs/assets/img/product_pics/module/faces_bottom/face_01.jpg
new file mode 100755
index 00000000..6f54865c
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_bottom/face_01.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_bottom/face_02.jpg b/docs/assets/img/product_pics/module/faces_bottom/face_02.jpg
new file mode 100755
index 00000000..5998889c
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_bottom/face_02.jpg differ
diff --git a/docs/assets/img/product_pics/module/faces_bottom/face_03.jpg b/docs/assets/img/product_pics/module/faces_bottom/face_03.jpg
new file mode 100755
index 00000000..13323868
Binary files /dev/null and b/docs/assets/img/product_pics/module/faces_bottom/face_03.jpg differ
diff --git a/docs/en/core/m5stickc.md b/docs/en/core/m5stickc.md
index 72e4f907..37590af2 100644
--- a/docs/en/core/m5stickc.md
+++ b/docs/en/core/m5stickc.md
@@ -198,7 +198,7 @@ Power structure block diagram
 
     - [M5StickC facory test code](https://github.com/m5stack/M5StickC/tree/master/examples/Basics/FactoryTest)
 
-    - [M5StickC Vending Machine](https://github.com/vcraftjp/M5StickC_Slot)
+    - [M5StickC Vending Machine](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5StickC_Slot)
 
     <video width="500" height="315" controls>
         <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201904/M5StickC%20Slot%20machine%20demo.mp4" type="video/mp4">
diff --git a/docs/en/hat/hat-8servos.md b/docs/en/hat/hat-8servos.md
index 60c02297..8cae72c6 100755
--- a/docs/en/hat/hat-8servos.md
+++ b/docs/en/hat/hat-8servos.md
@@ -23,6 +23,7 @@
 ## Weight and Size
 
 - Size：55mm * 25mm * 20mm
+- weight：33g(include battery)
 
 
 ## Applications
diff --git a/docs/en/hat/hat-bugc.md b/docs/en/hat/hat-bugc.md
index 487de123..3dac3c64 100644
--- a/docs/en/hat/hat-bugc.md
+++ b/docs/en/hat/hat-bugc.md
@@ -30,7 +30,9 @@ The Bugc base needs to be used in conjunction with the M5StickC controller. The
 
 - Size: 55mm * 40mm * 25mm
 
-- output shaft: ⌀0.81mm
+- Output shaft: ⌀0.81mm
+
+- Weight：34g
 
 ## Motor Specification
 
diff --git a/docs/en/hat/hat-cardkb.md b/docs/en/hat/hat-cardkb.md
index 18427e85..01fec2f1 100644
--- a/docs/en/hat/hat-cardkb.md
+++ b/docs/en/hat/hat-cardkb.md
@@ -30,7 +30,11 @@ The CardKB HAT also offers support for several button combinations (Shift+Key, F
 
 - Full-function keyboard with multi-key combination support
 - IIC Address : 0X5F(I2C)
+
+## Size and  Weight
+
 - Product Size：84.6mm x 54.2mm x 6.5mm
+- weight： 21g
 
 ## Include
 
diff --git a/docs/en/hat/hat-finger.md b/docs/en/hat/hat-finger.md
index dd3ea3c7..f8dfb394 100644
--- a/docs/en/hat/hat-finger.md
+++ b/docs/en/hat/hat-finger.md
@@ -36,6 +36,13 @@ UART settings:
 - Operating temperature:     -10°C - 60°C
 - Operating humidity:        20% - 80%
 
+
+## Weight and Size
+
+- Size：55mm * 25mm * 20mm
+- weight：33g(include battery)
+
+
 ## Included
 
 - 1x FINGER HAT
diff --git a/docs/en/hat/hat-joyc.md b/docs/en/hat/hat-joyc.md
index fbd2aeda..12da0332 100644
--- a/docs/en/hat/hat-joyc.md
+++ b/docs/en/hat/hat-joyc.md
@@ -19,6 +19,7 @@
 ## Weight & Dimension
 
 - Dimension：200mm x 55mm x 50mm
+- Weight：81g(include Battery)
 
 ## Package Includes
 
diff --git a/docs/en/hat/hat-puppyc.md b/docs/en/hat/hat-puppyc.md
index 5d38f754..afe9ab7c 100644
--- a/docs/en/hat/hat-puppyc.md
+++ b/docs/en/hat/hat-puppyc.md
@@ -27,6 +27,7 @@ It walks slowly and is easy to control.Due to the small contact area, the moveme
 ## Dimensions
 
 - LxWxH：52mm * 60mm * 35mm
+- Weight：58g
 - Servo angle range：0-180°
 
 
diff --git a/docs/en/hat/hat-roverc.md b/docs/en/hat/hat-roverc.md
index f5a193ab..ebf5e727 100644
--- a/docs/en/hat/hat-roverc.md
+++ b/docs/en/hat/hat-roverc.md
@@ -24,9 +24,23 @@
 - Equipped with 16340 battery holder
 - Flexible movement in all directions
 
+## Instructions
+Burn the easyloader firmware of Joyc and roverc with two M5StickC respectively. Insert Joyc and roverc respectively after burning. After power on, roverc will display the MAC address name and battery power. At the same time, Joyc will scan the MAC address name of roverc. Long press the a key of M5StickC on Joyc, and the work will be matched. Left rocker up and down control front and back, left and right control translation, right rocker left and right control steering.
+
+## Usage
+Two M5StickCs will be burned into the EasyLoader firmware of JoyC and RoverC respectively. After burning, they will be inserted into JoyC and RoverC respectively. After booting, RoverC will display the hotspot name of "M5AP+2 bytes mac address", and JoyC will scan the mac address name of RoverC. Press and hold the A5 button of the M5StickC on the JoyC for 3 seconds to start scanning the hotspot of the car, and the pairing is successful. After successful pairing, the link icon is highlighted in the upper left corner of the screen, and the joystick value is displayed on the screen. The left and right joysticks are controlled up and down, the left and right controls pan, and the right rocker controls the steering.
+
+<img src="assets\img\product_pics\hat\roverc_hat\roverC_user1.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\roverc_hat\roverC_user2.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\roverc_hat\roverC_user3.jpg" width="30%" height="30%">
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/RoverC_USER.MP4" type="video/mp4">
+</video>
+
 ## Weight and Size
 
 - Size: 75mm * 75mm * 55mm
+- Weight：213g(include Battery)
+
 
 ## Applications
 
diff --git a/docs/en/hat/hat-servo.md b/docs/en/hat/hat-servo.md
index e5372e33..17ca4703 100755
--- a/docs/en/hat/hat-servo.md
+++ b/docs/en/hat/hat-servo.md
@@ -21,6 +21,13 @@
 - Torque: &emsp;          0.25Kgf.cm(at 4.8v)
 - Voltage: &emsp;         5.0V±0.2V
 
+
+## Weight and Size
+
+- Size：24mm * 29mm * 23mm
+- weight：9g
+
+
 ## Included
 
 - 1x Servo HAT
diff --git a/docs/en/module/faces.md b/docs/en/module/faces.md
new file mode 100644
index 00000000..2135cb5b
--- /dev/null
+++ b/docs/en/module/faces.md
@@ -0,0 +1,35 @@
+# FACES BOTTOM{docsify-ignore-all}
+
+<img src="assets/img/product_pics/module/faces_bottom/face_01.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/faces_bottom/face_02.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/faces_bottom/face_03.jpg" width="30%" height="30%" >
+
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Example](https://github.com/m5stack/M5Stack/tree/master/examples/Modules/FACES)**&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/collections/m5-core/products/face)**&nbsp;&nbsp;&nbsp;
+
+
+## Description
+
+**FACES BOTTOM** It is a multi-function panel base compatible with M5Core. The side directly leads to the M-BUS pin header, which is convenient for connecting various peripherals. It is compatible with all function panels in the FACES Kit. You can flexibly change the panel according to the project requirements. The base is connected to the host through the M-BUS bus and communicates using the I2C protocol. The base has a built-in 600mAh rechargeable lithium battery and is equipped with a power management chip for easy use as a handheld device. The bottom of the back of the base is equipped with Pogo Pin contacts, which can be charged through the charging base. The M3 screw holes and hanging holes on the top can be easily fixed.
+
+## Product Features
+
+- 2.45mm pitch pin output on both sides
+- Compatible with FACES Kit panels
+- Rechargeable 
+- Easy to handheld
+
+## Size and Weight
+
+- Size：108.2mm x 54.2mm x 18.7mm
+- Weight：46g
+
+
+## Package Includes
+
+- 1x FACES BOTTOM
+
+
+## Video
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Module/FACES.mp4" type="video/mp4">
+</video>
diff --git a/docs/en/module/facesII.md b/docs/en/module/facesII.md
new file mode 100644
index 00000000..a13a30d6
--- /dev/null
+++ b/docs/en/module/facesII.md
@@ -0,0 +1,39 @@
+# FACES II BOTTOM{docsify-ignore-all}
+
+<img src="assets/img/product_pics/module/facesII_bottom/faceii_01.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/facesII_bottom/faceii_02.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/facesII_bottom/faceii_03.jpg" width="30%" height="30%" >
+
+
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[Example](https://github.com/m5stack/M5Stack/tree/master/examples/BASE/FACESII)**&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/collections/m5-core/products/face)**&nbsp;&nbsp;&nbsp;
+
+
+## Description
+
+**FACES II BOTTOM** is a FACES base with RGB light strips and GROVE compatible ports. The FACES II  is compatible with all function panels from the FACES Kit. The base is connected to the host via the M5BUS and communicates using the I2C protocol. The base has a built-in 600mAh rechargeable lithium-ion battery and comes equipped with a power management IC for easy use as a portable, handheld device. There are 5 RGB LEDs each on the left and right sides of the base, PORTB and PORTC interfaces on the top, and POGO PIN contacts on the bottom of the backside of the base through which it can be charged from the charging base. There are M3 screw holes and hanging holes on the top for mounting it easily to anything. The RGB LEDs are connected to GPIO15.
+
+## Product Features
+
+- Colorful RGB LED light bars
+- Compatible with GROVE interface for easy connection
+- Compatible with FACES Kit panels
+- Rechargeable 
+- Handheld
+
+
+## Size and Weight
+
+- Size：108.2mm x 54.2mm x 18.7mm
+- Weight：43g
+
+
+## Package Includes
+
+- 1x FACES II BOTTOM
+
+**<mark>Notice：PORT description </mark>**
+*Ports of different colors have different functions. Black-PortB (26/36), supports DA/AD conversion and signal bus communication. Blue-PortC (16/17), supports UART serial communication. Based on the required function, the corresponding unit can be connected to the FACES II base by just attaching it to the port with the matching color.
+
+## Video
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Module/FACES II.mp4" type="video/mp4">
+</video>
diff --git a/docs/en/uiflow/introduction.md b/docs/en/uiflow/introduction.md
index 8b752506..1cfdb56a 100644
--- a/docs/en/uiflow/introduction.md
+++ b/docs/en/uiflow/introduction.md
@@ -67,6 +67,8 @@ ______________________
 
 >Once you have opened the UIflow website you can to connect to the web platform by clicking the gear icon in the top right corner, enter your API key and select your device and preferred language. Once you have entered the API Key click OK to confirm****  
 
+><img src="/image/base/APIkey_userpair1.png" width="50%">
+
 ><img src="/image/base/APIkey_userpair2.png" width="50%">
 
 # Run，Download program
diff --git a/docs/index.md b/docs/index.md
index 45253081..057e225a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -120,6 +120,8 @@
       {a:"/#/en/module/joystick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_joystick_01.png", p:"JOYSTICK"},
       {a:"/#/en/module/faces_finger", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_finger_01.jpg", p:"FINGER"},
       {a:"/#/en/module/faces_rfid", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_rfid_01.jpg", p:"RFID"},
+      {a:"/#/en/module/faces", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/face_01.jpg", p:"FACES BOTTOM"},
+      {a:"/#/en/module/facesII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faceii_01.jpg", p:"FACES II BOTTOM"},
     ];
 
     var base_list = [
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index ac189749..d68c39f9 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -120,6 +120,8 @@
       {a:"/#/zh_CN/module/joystick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/module_joystick_01.png", p:"JOYSTICK"},
       {a:"/#/zh_CN/module/faces_finger", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_finger_01.jpg", p:"FINGER"},
       {a:"/#/zh_CN/module/faces_rfid", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faces_rfid_01.jpg", p:"RFID"},
+      {a:"/#/zh_CN/module/faces", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/face_01.jpg", p:"FACES"},
+      {a:"/#/zh_CN/module/facesII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/module/faceii_01.jpg", p:"FACES II"},
     ];
 
     var base_list = [
diff --git a/docs/zh_CN/core/m5stickc.md b/docs/zh_CN/core/m5stickc.md
index 6258faae..1a39341e 100644
--- a/docs/zh_CN/core/m5stickc.md
+++ b/docs/zh_CN/core/m5stickc.md
@@ -206,7 +206,7 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
 
 - [M5StickC 出厂测试例程](https://github.com/m5stack/M5StickC/tree/master/examples/Basics/FactoryTest)
 
-- [M5StickC 自动贩卖机](https://github.com/vcraftjp/M5StickC_Slot)
+- [M5StickC 自动贩卖机](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5StickC_Slot)
 
 <video width="500" height="315" controls>
     <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201904/M5StickC%20Slot%20machine%20demo.mp4" type="video/mp4">
diff --git a/docs/zh_CN/hat/hat-8servos.md b/docs/zh_CN/hat/hat-8servos.md
index a25cc4c7..d14511f6 100644
--- a/docs/zh_CN/hat/hat-8servos.md
+++ b/docs/zh_CN/hat/hat-8servos.md
@@ -23,7 +23,7 @@
 ## 外形尺寸
 
 - 尺寸：55mm * 25mm * 20mm
-
+- 重量：33g（含电池）
 
 ## 应用
 
diff --git a/docs/zh_CN/hat/hat-bugc.md b/docs/zh_CN/hat/hat-bugc.md
index 1966e2a5..48f70a79 100644
--- a/docs/zh_CN/hat/hat-bugc.md
+++ b/docs/zh_CN/hat/hat-bugc.md
@@ -28,22 +28,18 @@ Bugc底座需要结合M5StickC控制器使用.在底座上，配备了四个由S
 - 运动灵活
 
 
-## 外形尺寸
+## 外形尺寸和重量
 
 - 尺寸：55mm * 40mm * 25mm
-
 - 输出轴：⌀0.81mm
+- 重量：34g
 
 ## 电机说明
 
 - 额定电压: 3.7V DC
-
 - 额定转速: 15000-2000rpm
-
 - 额定电流: 50mA
-
 - 堵转电流: 70mA
-
 - 绝缘电阻: 10MΩ
 
 
diff --git a/docs/zh_CN/hat/hat-cardkb.md b/docs/zh_CN/hat/hat-cardkb.md
index 53486b2e..b344e9ea 100644
--- a/docs/zh_CN/hat/hat-cardkb.md
+++ b/docs/zh_CN/hat/hat-cardkb.md
@@ -29,11 +29,15 @@
 
 - 全键盘输入，多种按键组合.
 
+## 尺寸和重量
+
+- 尺寸： 84.6mm * 54.2mm * 6.5mm
+- 重量： 21g
+
 ## 包含
 
 - 1x CardKB HAT
 
-
 ## 应用
 
 - M5StickC键盘输入外设
diff --git a/docs/zh_CN/hat/hat-finger.md b/docs/zh_CN/hat/hat-finger.md
index 12af5f92..69d33483 100644
--- a/docs/zh_CN/hat/hat-finger.md
+++ b/docs/zh_CN/hat/hat-finger.md
@@ -36,6 +36,11 @@ UART 参数设置:
 - 工作温度:   -10° - 60°
 - 相对湿度:   20% - 80%
 
+## 重量尺寸
+
+- 尺寸：24mm * 65mm * 20mm
+- 重量：12g
+
 ## 包含
 
 - 1x FINGER HAT
diff --git a/docs/zh_CN/hat/hat-joyc.md b/docs/zh_CN/hat/hat-joyc.md
index 27b02c4b..03c21f09 100644
--- a/docs/zh_CN/hat/hat-joyc.md
+++ b/docs/zh_CN/hat/hat-joyc.md
@@ -19,6 +19,7 @@
 ## 重量尺寸
 
 - 单品尺寸：200mm x 55mm x 50mm
+- 重量：81g（含电池）
 
 ## 包含
 
diff --git a/docs/zh_CN/hat/hat-puppyc.md b/docs/zh_CN/hat/hat-puppyc.md
index c6f3c64a..cee96b17 100644
--- a/docs/zh_CN/hat/hat-puppyc.md
+++ b/docs/zh_CN/hat/hat-puppyc.md
@@ -28,6 +28,7 @@ PuppyC底座需要结合M5StickC控制器使用，StickC编程后通过I2C协议
 ## 规格尺寸
 
 - 尺寸：52mm * 60mm * 35mm
+- 重量：58g
 - 舵机角度：0-180°
 
 
diff --git a/docs/zh_CN/hat/hat-roverc.md b/docs/zh_CN/hat/hat-roverc.md
index 7fd2d691..f0b70bac 100644
--- a/docs/zh_CN/hat/hat-roverc.md
+++ b/docs/zh_CN/hat/hat-roverc.md
@@ -12,6 +12,7 @@
 
 <img src="assets\img\product_pics\hat\roverc_hat\roverc_hat_05.jpg" width="40%" height="30%">
 
+
 ## 产品特性
 
 - I2C通讯（0x38）
@@ -22,9 +23,20 @@
 - 配备电池底座
 - 运动灵活
 
+## 使用说明
+
+分别将两台M5StickC烧录JoyC与RoverC的EasyLoader固件，烧录后分别插入JoyC与RoverC，开机后RoverC会显示"M5AP+2字节mac地址"热点名称，同时JoyC会扫描到RoverC的mac地址名，长按3秒JoyC上的M5StickC的A键，开始扫描小车的热点，即可配对成功。成功配对后屏幕左上角会高亮显示链接图标，同时屏幕显示摇杆数值。左摇杆上下控制前后，左右控制平移，右摇杆左右控制转向。
+
+<img src="assets\img\product_pics\hat\roverc_hat\roverC_user1.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\roverc_hat\roverC_user2.jpg" width="30%" height="30%"><img src="assets\img\product_pics\hat\roverc_hat\roverC_user3.jpg" width="30%" height="30%">
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/RoverC_USER.MP4" type="video/mp4">
+</video>
+
 ## 外形尺寸
 
 - 尺寸：75mm * 75mm * 55mm
+- 重量： 213g
 
 ## 应用
 
diff --git a/docs/zh_CN/hat/hat-servo.md b/docs/zh_CN/hat/hat-servo.md
index 28255993..be47d8f1 100644
--- a/docs/zh_CN/hat/hat-servo.md
+++ b/docs/zh_CN/hat/hat-servo.md
@@ -22,6 +22,11 @@
 - 转矩:      3.5oz.in
 - 工作电压:   5.0V±0.2V
 
+## 重量尺寸
+
+- 尺寸： 24mm*29mm
+- 重量： 9g
+
 ## 包含
 
 - 1x Servo HAT
diff --git a/docs/zh_CN/module/faces.md b/docs/zh_CN/module/faces.md
new file mode 100644
index 00000000..61e846e5
--- /dev/null
+++ b/docs/zh_CN/module/faces.md
@@ -0,0 +1,32 @@
+# FACES BOTTOM{docsify-ignore-all}
+
+<img src="assets/img/product_pics/module/faces_bottom/face_01.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/faces_bottom/face_02.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/faces_bottom/face_03.jpg" width="30%" height="30%" >
+
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](https://github.com/m5stack/M5Stack/tree/master/examples/Modules/FACES)**&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/collections/m5-core/products/face)**&nbsp;&nbsp;&nbsp;
+
+
+## 描述
+
+**FACES BOTTOM** 是一款兼容M5Core的多功能面板底座，侧面直接引出M-BUS排针，方便连接各类外设，兼容FACES Kit中的所有功能面板，你可以根据项目需求灵活的更换面板。底座通过M-BUS总线与主机进行连接，使用I2C协议进行通信。底座内置600mAh可充电锂电池并配有电源管理芯片，方便作为手持设备使用。底座背面底部设有Pogo Pin触点，可通过充电底座进行充电，上方有M3螺丝孔和挂孔可以很方便的进行固定。
+
+## 产品特性
+
+- 2.45mm排针排母输出
+- 兼容FACES Kit面板
+- 背部可充电设计
+- 方便手持使用
+- 产品尺寸：108.2mm x 54.2mm x 18.7mm
+- 产品重量：46g
+
+
+## 产品清单
+
+- 1x FACES BOTTOM
+
+
+## 视频
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Module/FACES.mp4" type="video/mp4">
+</video>
diff --git a/docs/zh_CN/module/facesII.md b/docs/zh_CN/module/facesII.md
new file mode 100644
index 00000000..1a175bc7
--- /dev/null
+++ b/docs/zh_CN/module/facesII.md
@@ -0,0 +1,38 @@
+# FACES II BOTTOM{docsify-ignore-all}
+
+<img src="assets/img/product_pics/module/facesII_bottom/faceii_01.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/facesII_bottom/faceii_02.jpg" width="30%" height="30%" ><img src="assets/img/product_pics/module/facesII_bottom/faceii_03.jpg" width="30%" height="30%" >
+
+
+:memo:**[描述](#描述)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:octocat:**[例程](https://github.com/m5stack/M5Stack/tree/master/examples/Modules/FACESII)**&nbsp;&nbsp;&nbsp;🛒**[购买链接](https://m5stack.com/collections/m5-core/products/face)**&nbsp;&nbsp;&nbsp;
+
+
+## 描述
+
+**FACES II BOTTOM** 是一款带有RGB灯条兼容GROVE接口的FACES底座，兼容FACES Kit中的所有功能面板.底座通过M-BUS总线与主机进行连接，使用I2C协议进行通信。底座内置600mAh可充电锂电池并配有电源管理芯片，方便作为手持设备使用。底座左右两侧各有5颗RGB LED，顶部为PORTB和PORTC接口，底座背面底部设有Pogo Pin触点，可通过充电底座进行充电，上方有M3螺丝孔和挂孔
+可以方便的进行固定。
+
+## 产品特性
+
+- 多彩LED灯条显示
+- 兼容GROVE接口易于连接
+- 兼容FACES Kit面板
+- 背部可充电设计
+- 方便手持使用
+- 产品尺寸：108.2mm x 54.2mm x 18.7mm
+- 产品重量：43g
+
+
+## 产品清单:
+
+- 1x FACES II BOTTOM
+
+### 相关链接
+
+**<mark>Notice：PORT 说明 </mark>**
+*不同颜色的GROVE端口分别代表不同的功能.黑色的PortB（26/36）, 支持DA/AD转换与信号总线通信.蓝色的PortC（16/17）, 支持Uart串口通信.在使用Unit进行功能拓展的时候，只需要匹配二者的端口的颜色，相应的进行连接即可正常使用.
+
+## 视频
+
+<video class="video_size" controls>
+    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Module/FACES II.mp4" type="video/mp4">
+</video>
diff --git a/docs/zh_CN/uiflow/introduction.md b/docs/zh_CN/uiflow/introduction.md
index 8076a8cc..d6418b45 100644
--- a/docs/zh_CN/uiflow/introduction.md
+++ b/docs/zh_CN/uiflow/introduction.md
@@ -68,6 +68,7 @@ ______________________
 >进入UIFlow后，点击页面右上角的菜单栏中的设置按钮，输入对应M5GO上的API Key，点击OK保存，等待提示连接成功
 
 ><img src="/image/base/APIKey_userpair1.png" width="50%">
+
 ><img src="/image/base/APIKey_userpair2.png" width="50%">
 
 # 运行，下载程序