.

terminus-core/src/components/appRoot.component.scss

@@ -7,6 +7,7 @@
     -webkit-user-select: none;
     -webkit-font-smoothing: antialiased;
     cursor: default;
+    animation: 0.5s ease-out fadeIn;
 }
 
 $tabs-height: 40px;

terminus-core/src/components/startPage.component.pug

@@ -1,5 +1,22 @@
 div
-    button.btn.btn-outline-info.btn-lg.btn-block(
+    .terminus-logo
+        .part(style='transform: rotateZ(0deg)')
+            div
+        .part(style='transform: rotateZ(51deg)')
+            div
+        .part(style='transform: rotateZ(102deg)')
+            div
+        .part(style='transform: rotateZ(154deg)')
+            div
+        .part(style='transform: rotateZ(205deg)')
+            div
+        .part(style='transform: rotateZ(257deg)')
+            div
+        .part(style='transform: rotateZ(308deg)')
+            div
+    h1.terminus-title Terminus
+
+    button.btn.btn-outline-primary.btn-lg.btn-block(
         *ngFor='let button of getButtons()',
         (click)='button.click()',
     )

terminus-core/src/components/startPage.component.scss

@@ -3,11 +3,15 @@
     flex: auto;
 }
 
-:host div {
+:host > div {
     flex: none;
     margin: auto;
-    width: 400px;
+    width: 300px;
     max-width: 100vw;
     display: flex;
     flex-direction: column;
 }
+
+.terminus-title {
+  margin: 0 0 60px;
+}

terminus-core/src/theme.scss

@@ -145,7 +145,7 @@ app-root  {
         }
 
         &.tabs-on-top .tab-bar {
-            margin-top: 3px;
+            margin-top: 5px;
 
             tab-header {
                 .wrapper {
@@ -318,6 +318,10 @@ ngb-tabset .tab-content {
     i + * {
         margin-left: 5px;
     }
+
+    &.btn-lg i + * {
+        margin-left: 10px;
+    }
 }
 
 .input-group-addon + .form-control {