diff --git a/src/assets/kycIdBack.svg b/src/assets/kycIdBack.svg
new file mode 100644
index 0000000..e03d42b
--- /dev/null
+++ b/src/assets/kycIdBack.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 841.9 595.3" enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<path fill="#FAFAFA" d="M708,471.9H132.9c-12.7,0-23-10.3-23-23V146.6c0-12.7,10.3-23,23-23H708c12.7,0,23,10.3,23,23v302.3
+	C730.9,461.6,720.7,471.9,708,471.9L708,471.9z M708,471.9"/>
+<path fill="#A8A8A8" d="M132.9,78.6H61.3v71.6h10.3V88.9h61.3V78.6z M778.3,150.1V78.6h-71.5v10.3H768v61.3H778.3z M132.9,517.1
+	H61.3v-71.6h10.3v61.3h61.3V517.1z M778.3,445.6v71.6h-71.5v-10.3H768v-61.3H778.3z M778.3,445.6"/>
+<path fill="#EEEEEE" d="M312.5,185.6h328.6v39.9H312.5V185.6z M312.5,258.5h328.6v39.9H312.5V258.5z M312.5,258.5"/>
+<path fill="#D8D8D8" d="M204.8,334.3h61.7v21h-61.7V334.3z M204.8,412.9h61.7v21h-61.7V412.9z M204.8,412.9"/>
+<path fill="#EEEEEE" d="M287.2,334.3h163.9v21H287.2V334.3z M287.2,412.9h421.9v21H287.2V412.9z M287.2,412.9"/>
+<path fill="#FFCECF" d="M212.8,204.4l8-5.8h-9.9l-3.1-9.4l-3,9.4h-9.9l8,5.8l-3.1,9.4l8-5.8l8,5.8L212.8,204.4z M186.5,210l-1.8-4.4
+	l-1.1,4.6l-4.7,0.4l4,2.5l-1.1,4.6l3.6-3.1l4,2.5l-1.8-4.4l3.6-3.1L186.5,210z M201.3,219.4l-3.1,3.6l-4.4-1.8l2.5,4l-3.1,3.6
+	l4.6-1.1l2.5,4l0.4-4.7l4.6-1.1l-4.4-1.8L201.3,219.4z M222.1,221l-4.4,1.8l-3.1-3.6l0.4,4.7l-4.4,1.8l4.6,1.1l0.4,4.7l2.5-4
+	l4.6,1.1l-3.1-3.6L222.1,221z M232,210.4l-1.1-4.6l-1.8,4.4l-4.7-0.4l3.6,3.1l-1.8,4.4l4-2.5l3.6,3.1l-1.1-4.6l4-2.5L232,210.4z
+	 M232,210.4"/>
+<path fill="#FFCECF" d="M266.9,232.5c0-32.7-26.5-59.2-59.2-59.2c-32.7,0-59.2,26.5-59.2,59.2c0,16.6,6.8,31.6,17.8,42.3l-2.5,11.9
+	c0,5.1,4.1,11,9.2,11h69.2c5.1,0,9.2-6,9.2-11l-2.6-11.7C260,264.2,266.9,249.2,266.9,232.5L266.9,232.5z M207.7,276.4
+	c-11.6,0-22.1-4.5-29.9-11.8h59.9C229.8,271.9,219.3,276.4,207.7,276.4L207.7,276.4z M242.2,259.7l-1.1-5h-16.5v-3.9h1.5l-2.2-4.4
+	h-2l-1-3.9h-26.1l-1,3.9h-2l-2.2,4.4h1.5v3.9h-16.5l-1.1,5c-6.1-7.7-9.5-17.3-9.4-27.2c0-24.2,19.7-43.9,43.9-43.9
+	c24.2,0,43.9,19.7,43.9,43.9C251.6,242.4,248.3,252,242.2,259.7L242.2,259.7z M242.2,259.7"/>
+<path fill="#888888" d="M425.4,327.1c-8.9,7.5-21.5,8.4-31.4,2.3c-9.9-6.1-14.7-17.8-12-29.1c2.7-11.3,12.3-19.6,23.8-20.5
+	c2.7-10.6,12.2-18,23.1-18c10.9,0,20.4,7.4,23.1,18c11.3,1,20.8,8.9,23.7,19.9c2.9,11-1.5,22.6-10.9,29c-9.4,6.4-21.8,6.2-31-0.6
+	v-18.6h8.7c2.3,0,3.1-1.6,1.8-3.5l-13.8-19.4c-0.9-1.3-2.4-1.3-3.3,0L413.6,306c-1.4,1.9-0.6,3.5,1.8,3.5h10.1V327.1z M425.4,327.1"
+	/>
+<rect x="381.3" y="261.8" fill="none" width="95.5" height="71.7"/>
+</svg>
diff --git a/src/assets/kycIdCover.svg b/src/assets/kycIdCover.svg
new file mode 100644
index 0000000..c1ead91
--- /dev/null
+++ b/src/assets/kycIdCover.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 841.9 595.3" enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<path fill="#FAFAFA" d="M708,471.9H132.9c-12.7,0-23-10.3-23-23V146.6c0-12.7,10.3-23,23-23H708c12.7,0,23,10.3,23,23v302.3
+	C730.9,461.6,720.7,471.9,708,471.9L708,471.9z M708,471.9"/>
+<path fill="#A8A8A8" d="M132.9,78.6H61.3v71.6h10.3V88.9h61.3V78.6z M778.3,150.1V78.6h-71.5v10.3H768v61.3H778.3z M132.9,517.1
+	H61.3v-71.6h10.3v61.3h61.3V517.1z M778.3,445.6v71.6h-71.5v-10.3H768v-61.3H778.3z M778.3,445.6"/>
+<path fill="#EEEEEE" d="M162.4,185.6h328.6v39.9H162.4V185.6z M162.4,258.5h328.6v39.9H162.4V258.5z M162.4,258.5"/>
+<path fill="#D8D8D8" d="M164.3,334.3h72.2v21h-72.2V334.3z M164.3,412.9h72.2v21h-72.2V412.9z M164.3,412.9"/>
+<path fill="#EEEEEE" d="M263.2,334.3h163.9v21H263.2V334.3z M263.2,412.9h421.9v21H263.2V412.9z M263.2,412.9"/>
+<path fill="#888888" d="M425.4,327.1c-8.9,7.5-21.5,8.4-31.4,2.3c-9.9-6.1-14.7-17.8-12-29.1c2.7-11.3,12.3-19.6,23.8-20.5
+	c2.7-10.6,12.2-18,23.1-18c10.9,0,20.4,7.4,23.1,18c11.3,1,20.8,8.9,23.7,19.9c2.9,11-1.5,22.6-10.9,29c-9.4,6.4-21.8,6.2-31-0.6
+	v-18.6h8.7c2.3,0,3.1-1.6,1.8-3.5l-13.8-19.4c-0.9-1.3-2.4-1.3-3.3,0L413.6,306c-1.4,1.9-0.6,3.5,1.8,3.5h10.1V327.1z M425.4,327.1"
+	/>
+<rect x="381.3" y="261.8" fill="none" width="95.5" height="71.7"/>
+<g>
+	<path fill="#FFCECF" d="M581.4,296.3c0.3-12,2.5-32.5,14.5-43l16.6,0.2l15.5,25.4l2.9-19l-2.1-3.4l0.2-3.5c3.1-0.2,6.1-0.2,9.2,0
+		l0.2,3.5l-2.1,3.4l2.9,19.2l12-25.7l18.3-0.6c9.5,8.9,15.5,29.9,14.1,43.5H581.4z"/>
+	<path fill="#FFCECF" d="M658.4,225.8c-1.3,4.5-2.7,8.6-4.9,12.1c-2.4,4-5.6,7.1-10.1,8.8c-2,0.7-7.2,1.1-12.1,1
+		c-4.8-0.1-9.6-0.5-11.5-1.4c-4.1-1.9-7-5-9.2-9c-1.9-3.4-3.2-7.3-4.4-11.4c-1.9-1-3.4-2.7-4.3-5c-1.1-2.5-1.5-5.8-1.5-9.8l0-1.3
+		l1.1-0.7c0.3-0.2,0.6-0.4,0.9-0.5c-1.3-15.4-0.8-21.1,5-27.7c11.2-9.1,37-8.8,48.4-0.5c7.8,7.3,8.3,15.4,5.9,28
+		c0.4,0.2,0.7,0.4,1.1,0.7l1.1,0.7l0,1.3c0.1,3.8-0.4,7.1-1.4,9.6C661.6,223,660.3,224.7,658.4,225.8L658.4,225.8z"/>
+</g>
+</svg>
diff --git a/src/assets/kycSelfie.svg b/src/assets/kycSelfie.svg
new file mode 100644
index 0000000..3346085
--- /dev/null
+++ b/src/assets/kycSelfie.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 841.9 595.3" enable-background="new 0 0 841.9 595.3" xml:space="preserve">
+<path fill="#A8A8A8" d="M132.9,78.6H61.3v71.6h10.3V88.9h61.3V78.6z M778.3,150.1V78.6h-71.5v10.3H768v61.3H778.3z M132.9,517.1
+	H61.3v-71.6h10.3v61.3h61.3V517.1z M778.3,445.6v71.6h-71.5v-10.3H768v-61.3H778.3z M778.3,445.6"/>
+<rect x="381.3" y="261.8" fill="none" width="95.5" height="71.7"/>
+<g>
+	<path d="M275.8,383.8"/>
+	<path fill="#FAFAFA" d="M398.1,492H98.5c-6.6,0-12-5.4-12-12V322.5c0-6.6,5.4-12,12-12h299.7c6.6,0,12,5.4,12,12V480
+		C410.1,486.6,404.7,492,398.1,492L398.1,492z M398.1,492"/>
+	<path fill="#EEEEEE" d="M113.8,342.8h171.3v20.8H113.8V342.8z M113.8,380.8h171.3v20.8H113.8V380.8z M113.8,380.8"/>
+	<path fill="#D8D8D8" d="M114.8,420.3h37.6v11h-37.6V420.3z M114.8,461.2h37.6v11h-37.6V461.2z M114.8,461.2"/>
+	<path fill="#EEEEEE" d="M166.4,420.3h85.4v11h-85.4V420.3z M166.4,461.2h219.9v11H166.4V461.2z M166.4,461.2"/>
+	<rect x="227.9" y="382.5" fill="none" width="49.8" height="37.4"/>
+	<g>
+		<path fill="#F7CACB" d="M332.1,400.5c0.1-6.3,1.3-16.9,7.6-22.4l8.6,0.1l8.1,13.3l1.5-9.9l-1.1-1.8l0.1-1.8c1.6-0.1,3.2-0.1,4.8,0
+			l0.1,1.8l-1.1,1.8l1.5,10l6.3-13.4l9.5-0.3c4.9,4.6,8.1,15.6,7.3,22.7H332.1z"/>
+		<path fill="#F7CACB" d="M372.3,363.7c-0.7,2.3-1.4,4.5-2.5,6.3c-1.3,2.1-2.9,3.7-5.3,4.6c-1.1,0.4-3.7,0.6-6.3,0.5
+			c-2.5,0-5-0.3-6-0.7c-2.1-1-3.6-2.6-4.8-4.7c-1-1.7-1.7-3.8-2.3-5.9c-1-0.5-1.8-1.4-2.3-2.6c-0.6-1.3-0.8-3-0.8-5.1l0-0.7l0.6-0.4
+			c0.1-0.1,0.3-0.2,0.4-0.3c-0.7-8-0.4-11,2.6-14.4c5.9-4.8,19.3-4.6,25.2-0.3c4,3.8,4.3,8,3.1,14.6c0.2,0.1,0.4,0.2,0.6,0.4
+			l0.6,0.4l0,0.7c0,2-0.2,3.7-0.7,5C374,362.3,373.3,363.2,372.3,363.7L372.3,363.7z"/>
+	</g>
+</g>
+<g>
+	<path fill="#FAFAFA" d="M736.6,493.1H435c-6.6,0-12-5.4-12-12V322.6c0-6.6,5.4-12,12-12h301.6c6.7,0,12,5.4,12,12v158.5
+		C748.6,487.7,743.3,493.1,736.6,493.1L736.6,493.1z M736.6,493.1"/>
+	<rect x="565.2" y="383" fill="none" width="50.1" height="37.6"/>
+	<text transform="matrix(1 0 0 1 559.1743 382.9551)" font-family="'PingFangSC-Light-GBpc-EUC-H'" font-size="31.4691">VIC</text>
+	<text transform="matrix(1 0 0 1 490.2084 446.4141)" font-family="'PingFangSC-Light-GBpc-EUC-H'" font-size="31.4691">20XX-XX-XX</text>
+</g>
+<path fill="#B7B7B7" d="M356.8,174.9c3.1,21.7,10.5,33.9,15.4,39.8h101c5-6.1,12.6-18.1,15.4-39.8c9.3,2.6,12.7-10.5,13.3-18.6
+	c0.5-7.8,5.7-32.6-6.1-30.5c2.4-16.7,4.2-31.5,3.4-39.3c-2.9-27.9-23.7-56.9-76.1-58.9c-44.6,2-73.5,31.4-76.4,58.9
+	c-0.7,7.8,0.7,22.9,3.1,39.3c-11.7-2.4-6.5,22.7-6,30.5C344,164.4,347.1,177.2,356.8,174.9L356.8,174.9z"/>
+<path fill="#888888" d="M425.4,327.1c-8.9,7.5-21.5,8.4-31.4,2.3c-9.9-6.1-14.7-17.8-12-29.1c2.7-11.3,12.3-19.6,23.8-20.5
+	c2.7-10.6,12.2-18,23.1-18c10.9,0,20.4,7.4,23.1,18c11.3,1,20.8,8.9,23.7,19.9c2.9,11-1.5,22.6-10.9,29c-9.4,6.4-21.8,6.2-31-0.6
+	v-18.6h8.7c2.3,0,3.1-1.6,1.8-3.5l-13.8-19.4c-0.9-1.3-2.4-1.3-3.3,0L413.6,306c-1.4,1.9-0.6,3.5,1.8,3.5h10.1V327.1z M425.4,327.1"
+	/>
+<path fill="#A8A8A8" d="M77.1,429.7L77.1,429.7c-14.4,0-26.3-11.8-26.3-26.3v-28.5c0-14.4,11.8-26.3,26.3-26.3h0
+	c14.4,0,26.3,11.8,26.3,26.3v28.5C103.3,417.9,91.5,429.7,77.1,429.7z"/>
+<path fill="#A8A8A8" d="M757.5,429.7L757.5,429.7c-14.4,0-26.3-11.8-26.3-26.3v-28.5c0-14.4,11.8-26.3,26.3-26.3h0
+	c14.4,0,26.3,11.8,26.3,26.3v28.5C783.8,417.9,772,429.7,757.5,429.7z"/>
+</svg>
diff --git a/src/pages/identity/index.tsx b/src/pages/identity/index.tsx
index b69b61e..4fe7552 100644
--- a/src/pages/identity/index.tsx
+++ b/src/pages/identity/index.tsx
@@ -25,7 +25,7 @@ const IdentityPage: React.FC<DispatchProp & UserModelState & IdentityModelState>
   nameEditable,
   nameInput,
   nameSubmitting,
-  real1Submitting
+  kyc1Submitting
 }) => {
 
   const [idtypesVisible, setIdtypesVisible] = useState(false);
@@ -95,7 +95,7 @@ const IdentityPage: React.FC<DispatchProp & UserModelState & IdentityModelState>
           className={styles.input}
           type="primary"
           size="large"
-          loading={real1Submitting}
+          loading={kyc1Submitting}
           onClick={() => dispatch({ type: 'identity/real1submit' })}
         >{formatMessage({ id: 'identity.real1btn' })}</Button>
       </div>}
diff --git a/src/pages/identity/model.ts b/src/pages/identity/model.ts
index e3ecbc5..f1ccbad 100644
--- a/src/pages/identity/model.ts
+++ b/src/pages/identity/model.ts
@@ -6,7 +6,7 @@ export interface IdentityModelState {
   nameEditable: boolean;
   nameInput: string;
   nameSubmitting: boolean;
-  real1Submitting: boolean;
+  kyc1Submitting: boolean;
 }
 
 const model: Model = {
@@ -16,7 +16,7 @@ const model: Model = {
     nameEditable: false,
     nameInput: '',
     nameSubmitting: false,
-    real1Submitting: false,
+    kyc1Submitting: false,
   } as IdentityModelState,
 
   effects: {