diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 7b8011f..9c5b4bd 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -38,7 +38,8 @@
         <activity
             android:name=".regist.RegistActivity"
             android:theme="@style/MageTheme"
-            android:configChanges="keyboard|keyboardHidden|orientation|screenSize"/>
+            android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+            android:windowSoftInputMode="adjustResize"/>
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/android/app/src/main/res/color/mage_text_input_box_stroke.xml b/android/app/src/main/res/color/mage_text_input_box_stroke.xml
new file mode 100644
index 0000000..31fab55
--- /dev/null
+++ b/android/app/src/main/res/color/mage_text_input_box_stroke.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="?attr/colorAccent" android:state_focused="true"/>
+    <item android:alpha="0.87" android:color="?attr/colorOnSurface" android:state_hovered="true"/>
+    <item android:alpha="0.12" android:color="?attr/colorOnSurface" android:state_enabled="false"/>
+    <item android:alpha="0.38" android:color="?attr/colorOnSurface"/>
+</selector>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable/ic_discover_off.xml b/android/app/src/main/res/drawable/ic_discover_off.xml
index bb34cb6..be1a950 100644
--- a/android/app/src/main/res/drawable/ic_discover_off.xml
+++ b/android/app/src/main/res/drawable/ic_discover_off.xml
@@ -1,4 +1,4 @@
 <vector android:height="24dp" android:viewportHeight="24"
     android:viewportWidth="24" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="?attr/colorOnSurface" android:pathData="M22.99,9C19.15,5.16 13.8,3.76 8.84,4.78l2.52,2.52c3.47,-0.17 6.99,1.05 9.63,3.7l2,-2zM18.99,13c-1.29,-1.29 -2.84,-2.13 -4.49,-2.56l3.53,3.53 0.96,-0.97zM2,3.05L5.07,6.1C3.6,6.82 2.22,7.78 1,9l1.99,2c1.24,-1.24 2.67,-2.16 4.2,-2.77l2.24,2.24C7.81,10.89 6.27,11.73 5,13v0.01L6.99,15c1.36,-1.36 3.14,-2.04 4.92,-2.06L18.98,20l1.27,-1.26L3.29,1.79 2,3.05zM9,17l3,3 3,-3c-1.65,-1.66 -4.34,-1.66 -6,0z"/>
+    <path android:fillColor="?android:attr/textColorSecondary" android:pathData="M22.99,9C19.15,5.16 13.8,3.76 8.84,4.78l2.52,2.52c3.47,-0.17 6.99,1.05 9.63,3.7l2,-2zM18.99,13c-1.29,-1.29 -2.84,-2.13 -4.49,-2.56l3.53,3.53 0.96,-0.97zM2,3.05L5.07,6.1C3.6,6.82 2.22,7.78 1,9l1.99,2c1.24,-1.24 2.67,-2.16 4.2,-2.77l2.24,2.24C7.81,10.89 6.27,11.73 5,13v0.01L6.99,15c1.36,-1.36 3.14,-2.04 4.92,-2.06L18.98,20l1.27,-1.26L3.29,1.79 2,3.05zM9,17l3,3 3,-3c-1.65,-1.66 -4.34,-1.66 -6,0z"/>
 </vector>
diff --git a/android/app/src/main/res/drawable/ic_discover_on.xml b/android/app/src/main/res/drawable/ic_discover_on.xml
index 5b2102f..1c8b3be 100644
--- a/android/app/src/main/res/drawable/ic_discover_on.xml
+++ b/android/app/src/main/res/drawable/ic_discover_on.xml
@@ -1,4 +1,4 @@
 <vector android:height="24dp" android:viewportHeight="24.0"
     android:viewportWidth="24.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="?attr/colorOnSurface" android:pathData="M1,9l2,2c4.97,-4.97 13.03,-4.97 18,0l2,-2C16.93,2.93 7.08,2.93 1,9zM9,17l3,3 3,-3c-1.65,-1.66 -4.34,-1.66 -6,0zM5,13l2,2c2.76,-2.76 7.24,-2.76 10,0l2,-2C15.14,9.14 8.87,9.14 5,13z"/>
+    <path android:fillColor="?android:attr/textColorSecondary" android:pathData="M1,9l2,2c4.97,-4.97 13.03,-4.97 18,0l2,-2C16.93,2.93 7.08,2.93 1,9zM9,17l3,3 3,-3c-1.65,-1.66 -4.34,-1.66 -6,0zM5,13l2,2c2.76,-2.76 7.24,-2.76 10,0l2,-2C15.14,9.14 8.87,9.14 5,13z"/>
 </vector>
diff --git a/android/app/src/main/res/drawable/ic_regist_console.xml b/android/app/src/main/res/drawable/ic_regist_console.xml
new file mode 100644
index 0000000..0b1762a
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_regist_console.xml
@@ -0,0 +1,17 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="512dp"
+    android:height="128dp"
+    android:viewportWidth="135.46666"
+    android:viewportHeight="33.86667">
+  <path
+      android:pathData="m11.331,7.41 l-4.693,7.889L70.036,15.299c0.24,-2.845 1.1,-5.519 2.445,-7.889zM4.693,18.568 L0,26.457h72.482c-1.345,-2.37 -2.205,-5.044 -2.446,-7.889z"
+      android:strokeAlpha="1"
+      android:strokeWidth="14.0576067"
+      android:fillColor="#000000"
+      android:strokeColor="#00000000"
+      android:fillAlpha="1"/>
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m79.862,16.933c0,-5.253 4.27,-9.523 9.523,-9.523h12.288v-5.837L89.386,1.573c-8.479,0 -15.36,6.881 -15.36,15.36 0,8.479 6.881,15.36 15.36,15.36L101.674,32.294L101.674,26.457L89.386,26.457c-5.253,0 -9.523,-4.27 -9.523,-9.523zM92.458,20.005h24.576v-6.144L92.458,13.861ZM120.106,1.573h-12.288v5.837h12.288c5.253,0 9.523,4.27 9.523,9.523 0,5.253 -4.27,9.523 -9.523,9.523h-12.288v5.837h12.288c8.479,0 15.36,-6.881 15.36,-15.36 0,-8.479 -6.881,-15.36 -15.36,-15.36z"
+      android:strokeWidth="3.07205129"/>
+</vector>
diff --git a/android/app/src/main/res/layout/activity_main.xml b/android/app/src/main/res/layout/activity_main.xml
index 94d5136..f2d27a0 100644
--- a/android/app/src/main/res/layout/activity_main.xml
+++ b/android/app/src/main/res/layout/activity_main.xml
@@ -36,7 +36,8 @@
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         app:layout_behavior=".main.FloatingActionButtonSpeedDialBehavior"
-        android:gravity="right">
+        android:gravity="right"
+        android:clipChildren="false">
 
         <LinearLayout
             android:layout_width="wrap_content"
@@ -113,7 +114,8 @@
             android:layout_height="wrap_content"
             android:layout_width="match_parent"
             android:background="?attr/colorPrimarySurface"
-            app:layout_scrollFlags="scroll|enterAlways">
+            app:layout_scrollFlags="scroll|enterAlways"
+            android:theme="@style/AppTheme.Toolbar">
 
             <androidx.appcompat.widget.AppCompatTextView
                 android:layout_width="wrap_content"
diff --git a/android/app/src/main/res/layout/activity_regist.xml b/android/app/src/main/res/layout/activity_regist.xml
index 79996b5..097c892 100644
--- a/android/app/src/main/res/layout/activity_regist.xml
+++ b/android/app/src/main/res/layout/activity_regist.xml
@@ -1,10 +1,108 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout
-    android:id="@+id/rootLayout"
-    xmlns:android="http://schemas.android.com/apk/res/android"
-    android:orientation="vertical"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:background="?android:attr/windowBackground">
+    <ScrollView
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        xmlns:app="http://schemas.android.com/apk/res-auto"
+        android:id="@+id/rootLayout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:background="?android:attr/windowBackground"
+        android:scrollbars="none">
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:orientation="vertical"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:padding="16dp">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+            <ImageView
+                android:id="@+id/iconImageView"
+                android:layout_width="256dp"
+                android:layout_height="64dp"
+                android:src="@drawable/ic_regist_console"
+                android:layout_marginLeft="16dp"
+                android:layout_marginRight="16dp"
+                android:tint="?attr/colorOnPrimary"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintLeft_toLeftOf="parent"
+                app:layout_constraintRight_toRightOf="parent"
+                android:layout_marginTop="16dp"/>
+
+            <com.google.android.material.textview.MaterialTextView
+                android:id="@+id/titleTextView"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="Register Console"
+                android:textSize="32dp"
+                android:gravity="center"
+                android:layout_marginTop="16dp"
+                app:layout_constraintTop_toBottomOf="@id/iconImageView"
+                android:textAppearance="?attr/textAppearanceHeadline1"/>
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/hostTextInputLayout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:hint="Host"
+                app:startIconDrawable="@drawable/ic_register"
+                app:layout_constraintTop_toBottomOf="@id/titleTextView"
+                android:layout_marginTop="32dp">
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"/>
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <com.google.android.material.checkbox.MaterialCheckBox
+                android:id="@+id/broadcastCheckBox"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                app:layout_constraintTop_toBottomOf="@id/hostTextInputLayout"
+                app:layout_constraintEnd_toEndOf="parent"
+                android:text="Broadcast"/>
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/psnIdTextInputLayout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:hint="PSN ID (username, case-sensitive)"
+                app:startIconDrawable="@drawable/ic_register"
+                app:layout_constraintTop_toBottomOf="@id/broadcastCheckBox"
+                android:layout_marginTop="16dp">
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"/>
+            </com.google.android.material.textfield.TextInputLayout>
+
+            <com.google.android.material.textview.MaterialTextView
+                android:id="@+id/pinHelpTextView"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="Navigate to Settings -> Whatever to obtain the PIN"
+                app:layout_constraintTop_toBottomOf="@id/psnIdTextInputLayout"
+                android:textAppearance="?attr/textAppearanceBody1"
+                android:layout_marginTop="32dp"/>
+
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/pinTextInputLayout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:hint="PIN"
+                app:startIconDrawable="@drawable/ic_register"
+                app:layout_constraintTop_toBottomOf="@id/pinHelpTextView"
+                android:layout_marginTop="16dp">
+
+                <com.google.android.material.textfield.TextInputEditText
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"/>
+            </com.google.android.material.textfield.TextInputLayout>
+
+
+            <com.google.android.material.button.MaterialButton
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:layout_constraintTop_toBottomOf="@id/pinTextInputLayout"
+                style="@style/MageTheme.Button"
+                android:text="Register"
+                android:layout_marginTop="32dp" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </ScrollView>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index 7133508..d73477c 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -12,6 +12,10 @@
         <item name="android:windowActivityTransitions">true</item>
     </style>
 
+    <style name="AppTheme.Toolbar" parent="AppTheme">
+        <item name="android:textColorSecondary">#fff</item>
+    </style>
+
     <style name="AppTheme.FloatingActionButtonSpeedDial">
         <item name="tint">@color/floating_action_button_speed_dial_tint</item>
         <item name="android:backgroundTint">@color/floating_action_button_speed_dial_background</item>
@@ -32,12 +36,37 @@
         <item name="colorControlNormal">@color/accent</item>
         <item name="colorButtonNormal">@color/accent</item>
         <item name="android:textAppearanceButton">@style/TextAppearanceButton</item>
+        <item name="android:textColor">?attr/colorOnPrimary</item>
+
+        <item name="textAppearanceHeadline1">@style/MageTheme.TextAppearanceHeadline1</item>
+
+        <item name="android:colorControlActivated">?attr/colorAccent</item>
+        <item name="android:colorControlHighlight">?attr/colorAccent</item>
+
+        <item name="textInputStyle">@style/MageTheme.TextInputStyle</item>
 
         <item name="android:windowActivityTransitions">true</item>
         <item name="android:windowIsTranslucent">true</item>
         <item name="android:windowDrawsSystemBarBackgrounds">true</item>
     </style>
 
+    <style name="MageTheme.TextAppearanceHeadline1" parent="TextAppearance.MaterialComponents.Headline1">
+        <item name="fontFamily">sans-serif-condensed-light</item>
+    </style>
+
+    <style name="MageTheme.TextInputStyle" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
+        <item name="hintTextColor">?attr/colorAccent</item>
+        <item name="boxCornerRadiusTopStart">16dp</item>
+        <item name="boxCornerRadiusTopEnd">16dp</item>
+        <item name="boxStrokeColor">@color/mage_text_input_box_stroke</item>
+    </style>
+
+    <style name="MageTheme.Button" parent="Widget.MaterialComponents.Button">
+        <item name="tint">?attr/colorOnSecondary</item>
+        <item name="android:backgroundTint">?attr/colorSecondary</item>
+        <item name="android:textColor">?attr/colorOnSecondary</item>
+    </style>
+
     <style name="TextAppearanceButton" parent="TextAppearance.MaterialComponents.Button">
         <item name="android:textColor">?attr/colorOnSecondary</item>
     </style>
diff --git a/assets/regist_console.svg b/assets/regist_console.svg
new file mode 100644
index 0000000..1361592
--- /dev/null
+++ b/assets/regist_console.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="512"
+   height="128"
+   viewBox="0 0 135.46666 33.866667"
+   version="1.1"
+   id="svg965"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="regist_console.svg">
+  <defs
+     id="defs959" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="51.850789"
+     inkscape:cy="-28.019222"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1918"
+     inkscape:window-height="1048"
+     inkscape:window-x="1920"
+     inkscape:window-y="15"
+     inkscape:window-maximized="1"
+     inkscape:object-paths="true"
+     inkscape:lockguides="true" />
+  <metadata
+     id="metadata962">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-263.13332)">
+    <g
+       id="g936"
+       transform="translate(0,-1.5730817)">
+      <path
+         sodipodi:nodetypes="cccccccccc"
+         inkscape:connector-curvature="0"
+         id="path950"
+         d="m 11.331465,272.11625 -4.6931241,7.88903 H 70.036206 c 0.240423,-2.8445 1.100465,-5.51908 2.445287,-7.88903 z M 4.6931248,283.27458 0,291.1631 h 72.481988 c -1.344886,-2.36971 -2.205309,-5.04406 -2.445782,-7.88852 z"
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:14.0576067;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 79.862257,281.63975 c 0,-5.25322 4.270154,-9.52337 9.523364,-9.52337 h 12.288209 v -5.8369 H 89.385621 c -8.478855,0 -15.360254,6.88139 -15.360254,15.36027 0,8.47885 6.881399,15.36024 15.360254,15.36024 H 101.67383 V 291.1631 H 89.385621 c -5.25321,0 -9.523364,-4.27015 -9.523364,-9.52335 z m 12.595413,3.07205 h 24.57642 v -6.14411 H 92.45767 Z m 27.64847,-18.43232 h -12.2882 v 5.8369 h 12.2882 c 5.25322,0 9.52338,4.27015 9.52338,9.52337 0,5.2532 -4.27016,9.52335 -9.52338,9.52335 h -12.2882 v 5.83689 h 12.2882 c 8.47886,0 15.36025,-6.88139 15.36025,-15.36024 0,-8.47888 -6.88139,-15.36027 -15.36025,-15.36027 z"
+         id="path891"
+         style="stroke-width:3.07205129" />
+    </g>
+  </g>
+</svg>