diff --git a/ui/app.slint b/ui/app.slint
index a8a04f02..af206407 100644
--- a/ui/app.slint
+++ b/ui/app.slint
@@ -7,7 +7,7 @@ export component App inherits Window {
     width: ROOT-GLOBAL.window-width;
     title: "SAST Evento";
     icon: @image-url("assets/app_icon.png");
-    main_view := MainView {
-        y: 200px;
+    main-view := MainView {
+        y: 120px;
     }
 }
diff --git a/ui/assets/evento_black.png b/ui/assets/evento_black.png
new file mode 100644
index 00000000..8ead56f7
Binary files /dev/null and b/ui/assets/evento_black.png differ
diff --git a/ui/assets/evento_white.png b/ui/assets/evento_white.png
new file mode 100644
index 00000000..4a345a70
Binary files /dev/null and b/ui/assets/evento_white.png differ
diff --git a/ui/assets/surrealism.png b/ui/assets/surrealism.png
deleted file mode 100644
index a5130873..00000000
Binary files a/ui/assets/surrealism.png and /dev/null differ
diff --git a/ui/assets/surrealism.svg b/ui/assets/surrealism.svg
deleted file mode 100644
index de944b5f..00000000
--- a/ui/assets/surrealism.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="176.000000pt" height="176.000000pt" viewBox="0 0 176.000000 176.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,176.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M665 1700 c-145 -39 -220 -75 -334 -162 -129 -99 -185 -206 -185
--353 0 -79 4 -98 31 -155 36 -80 81 -133 148 -176 96 -61 121 -64 513 -64 237
-0 367 -4 393 -11 156 -47 200 -257 76 -366 -101 -89 -255 -64 -323 53 -22 37
--28 63 -32 125 l-5 79 -426 -4 c-515 -4 -471 -2 -471 -22 0 -31 88 -203 136
--266 122 -162 305 -276 508 -318 117 -24 272 -20 375 10 79 22 219 88 286 134
-67 46 142 132 177 203 31 63 33 74 33 168 0 93 -2 105 -33 167 -46 93 -135
-175 -227 208 -70 25 -73 25 -438 27 -269 1 -377 4 -400 14 -66 26 -120 97
--133 176 -9 58 12 119 58 169 95 104 258 88 333 -31 25 -41 31 -61 34 -127 l3
--78 450 0 450 0 -7 33 c-12 53 -71 174 -119 241 -55 77 -165 181 -239 224 -75
-45 -178 86 -264 106 -100 22 -277 21 -368 -4z m335 -180 c66 -15 148 -49 208
--88 61 -38 142 -113 142 -130 0 -9 -55 -12 -205 -12 l-205 0 -30 64 c-17 35
--48 84 -70 109 -22 25 -40 50 -40 56 0 14 138 14 200 1z m-206 -1096 c25 -54
-82 -134 114 -161 8 -6 11 -17 7 -24 -6 -8 -32 -10 -94 -5 -182 13 -311 71
--424 191 -33 34 -35 40 -20 46 10 4 102 7 205 8 l186 2 26 -57z"/>
-</g>
-</svg>
diff --git a/ui/global.slint b/ui/global.slint
index cf57fa24..34560e92 100644
--- a/ui/global.slint
+++ b/ui/global.slint
@@ -1,7 +1,7 @@
 //! global styles
 export global ROOT_GLOBAL {
-  in-out property <length> window-height : 600px;
-  in-out property <length> window-width : 800px;
+  in-out property <length> window-height : 760px;
+  in-out property <length> window-width : 1340px;
   in-out property <length> font-size : 16px;
   in-out property <length> padding : 0px;
 }
\ No newline at end of file
diff --git a/ui/views/main.slint b/ui/views/main.slint
index 0d05edfb..c9df85a0 100644
--- a/ui/views/main.slint
+++ b/ui/views/main.slint
@@ -2,36 +2,43 @@ import { Hello } from "../components/index.slint";
 import { SText, SButton } from "../modules/surrealism-ui/index.slint";
 
 export component MainView {
-    callback startLink;
-
-    eventoLogo := Image {
-        width: 150px;
-        height: 150px;
-        x: (root.width - self.width) / 2;
-        source: @image-url("../assets/app_icon.svg");
+    callback startLink <=> link-button.clicked;
+    evento-image := Image {
+        height: 240px;
+        width: 700px;
+        source: @image-url("../assets/evento_black.png");
     }
 
-    title := SText {
-        x: (root.width - self.width) / 2;
-        y: eventoLogo.y + eventoLogo.height;
-        text: "SAST Evento";
+    link-button := SButton {
+        width: 400px;
+        height: 80px;
+        y: evento-image.y + evento-image.height + 140px;
+        text: "使用Link登录";
         font-size: 35px;
+        theme: Dark;
+        border-radius: 12px;
+        show-icon: true;
+        icon: @image-url("../assets/sast_link.svg");
     }
 
-    linkButton := SButton {
-        x: (root.width - self.width) / 2;
-        y: title.y + title.height + 30px;
+    visitor-button := SButton {
+        y: link-button.y + link-button.height + 30px;
+        text: "访客登录";
+        theme: Light;
+        border-radius: 8px;
         show-icon: true;
-        icon: @image-url("../assets/sast_link.svg");
-        text: "使用Link登入";
-        clicked => {
-            root.startLink();
-        }
+        icon: @image-url("../modules/surrealism-ui/icons/user.svg");
     }
 
-    infoText := SText {
-        x: (root.width - self.width) / 2;
-        y: linkButton.y + linkButton.height + 30px;
+    group-label := SText {
+        y: visitor-button.y + visitor-button.height + 20px;
         text: "SAST-C++组开发";
+        theme: Light;
+    }
+
+    version-label := SText {
+        y: group-label.y + group-label.height + 5px;
+        text: "v0.0.0-alpha";
+        theme: Light;
     }
 }