diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 6df352b..4e7ca1c 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -10,7 +10,7 @@
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/Theme.AppCompat.Light.NoActionBar"
+        android:theme="@style/Theme.AppCompat.DayNight.NoActionBar"
         tools:targetApi="31" >
         <activity
             android:name=".MapCreator.CreateMap"
diff --git a/app/src/main/java/com/gjsk/lootify/customview/BigButton.java b/app/src/main/java/com/gjsk/lootify/customview/BigButton.java
deleted file mode 100644
index 57a3952..0000000
--- a/app/src/main/java/com/gjsk/lootify/customview/BigButton.java
+++ /dev/null
@@ -1,4 +0,0 @@
-package com.gjsk.lootify.customview;
-
-public class BigButton {
-}
diff --git a/app/src/main/java/com/gjsk/lootify/customview/DialogBase.java b/app/src/main/java/com/gjsk/lootify/customview/DialogBase.java
new file mode 100644
index 0000000..6d37c33
--- /dev/null
+++ b/app/src/main/java/com/gjsk/lootify/customview/DialogBase.java
@@ -0,0 +1,99 @@
+package com.gjsk.lootify.customview;
+
+import android.content.Context;
+import android.content.res.TypedArray;
+import android.util.AttributeSet;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import com.gjsk.lootify.R;
+
+public class DialogBase extends LinearLayout {
+    TextView subTitle;
+    TextView description;
+    ImageView addIcon;
+    FrameLayout dialogContents;
+    View buttonLine;
+    LinearLayout buttonContents;
+
+    public DialogBase(Context context){
+        super(context);
+        initView();
+    }
+
+    public DialogBase(Context context, AttributeSet attrs){
+        super(context, attrs);
+        initView();
+        getAttrs(attrs);
+    }
+
+    public DialogBase(Context context, AttributeSet attrs, int defStyle){
+        super(context, attrs);
+        initView();
+        getAttrs(attrs, defStyle);
+    }
+
+    private void initView(){
+        String infService = Context.LAYOUT_INFLATER_SERVICE;
+        LayoutInflater li = (LayoutInflater) getContext().getSystemService(infService);
+        View v = li.inflate(R.layout.dialog_base, this, false);
+        addView(v);
+
+        subTitle = (TextView) findViewById(R.id.sub_title);
+        description = (TextView) findViewById(R.id.description);
+        addIcon = (ImageView) findViewById(R.id.icon);
+        dialogContents = (FrameLayout) findViewById(R.id.dialog_contents);
+        buttonLine = (View) findViewById(R.id.button_line);
+        buttonContents = (LinearLayout) findViewById(R.id.button_contents);
+    }
+
+    private void getAttrs(AttributeSet attrs){
+        TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.DialogBase);
+        setTypeArray(typedArray);
+    }
+
+    private void getAttrs(AttributeSet attrs, int defStyle){
+        TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.DialogBase, defStyle, 0);
+        setTypeArray(typedArray);
+    }
+
+    private void setTypeArray(TypedArray typedArray){
+        String subTitleString = typedArray.getString(R.styleable.DialogBase_sub_title);
+        String descriptionString = typedArray.getString(R.styleable.DialogBase_description);
+        boolean isAddIcon = typedArray.getBoolean(R.styleable.DialogBase_add_icon_visible, false);
+        boolean isButtons = typedArray.getBoolean(R.styleable.DialogBase_is_buttons, false);
+
+        setTitle(subTitleString);
+        setDescription(descriptionString);
+        setIconVisibility(isAddIcon);
+        setButtonsVisibility(isButtons);
+
+        typedArray.recycle();
+    }
+
+    private void setTitle(String text){
+        subTitle.setText(text);
+    }
+
+    private void setDescription(String text){
+        description.setText(text);
+    }
+
+    private void setIconVisibility(boolean isAddIcon){
+        addIcon.setVisibility(isAddIcon ? View.VISIBLE : View.GONE);
+    }
+
+    private void setButtonsVisibility(boolean isButtons){
+        if(isButtons){
+            buttonLine.setVisibility(View.VISIBLE);
+            buttonContents.setVisibility(View.VISIBLE);
+        }else{
+            buttonLine.setVisibility(View.GONE);
+            buttonContents.setVisibility(View.GONE);
+        }
+    }
+}
diff --git a/app/src/main/java/com/gjsk/lootify/customview/SmallButton.java b/app/src/main/java/com/gjsk/lootify/customview/SmallButton.java
index 6f90d0b..261b249 100644
--- a/app/src/main/java/com/gjsk/lootify/customview/SmallButton.java
+++ b/app/src/main/java/com/gjsk/lootify/customview/SmallButton.java
@@ -2,13 +2,14 @@
 
 import android.content.Context;
 import android.content.res.TypedArray;
-import android.graphics.drawable.Drawable;
 import android.util.AttributeSet;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.FrameLayout;
 import android.widget.TextView;
 
+import androidx.core.content.ContextCompat;
+
 import com.gjsk.lootify.R;
 
 import java.util.Objects;
@@ -79,7 +80,9 @@ public void setEnabled(boolean enabled) {
 
     public void setText(String textString) {
         text.setText(textString);
-        smallButton.setBackgroundResource(setButtonColor(textString));
+
+        int color = setButtonColor(textString);
+        smallButton.setBackgroundTintList(ContextCompat.getColorStateList(getContext(), color));
     }
 
     private void setTextColor(int textColor) {
@@ -92,33 +95,33 @@ private int setButtonColor(String textString){
             case "FIND":
             case "SELECT":
             case "NEXT" :
-                return R.drawable.light_yellow_button;
+                return R.color.lightYellow;
 
             case "JOIN":
             case "LOAD":
             case "SAVE" :
-                return R.drawable.light_green_button;
+                return R.color.lightGreen;
 
             case "CANCLE":
             case "BEFORE":
             case "BACK":
-                return R.drawable.gray_button;
+                return R.color.gray;
 
             case "SAVE MAP":
             case "CREATE MAP":
-                return R.drawable.light_black_button;
+                return R.color.lightBlack;
 
             case "MY MAP":
-                return R.drawable.light_brown_button;
+                return R.color.lightBrown;
 
             case "HISTORY":
-                return R.drawable.dark_yellow_button;
+                return R.color.darkYellow;
 
             case "PREVIEW":
-                return R.drawable.mid_green_button;
+                return R.color.midGreen;
 
             default:
-                return R.drawable.white_frame;
+                return R.drawable.white_frame_mid;
         }
     }
 }
diff --git a/app/src/main/java/com/gjsk/lootify/title/Lobby.java b/app/src/main/java/com/gjsk/lootify/title/Lobby.java
index ac9a684..86dca4e 100644
--- a/app/src/main/java/com/gjsk/lootify/title/Lobby.java
+++ b/app/src/main/java/com/gjsk/lootify/title/Lobby.java
@@ -3,8 +3,15 @@
 import androidx.appcompat.app.AppCompatActivity;
 
 import android.os.Bundle;
+import android.view.WindowManager;
+import android.widget.FrameLayout;
+import android.widget.LinearLayout;
+import android.widget.Toast;
 
+import com.gjsk.lootify.R;
+import com.gjsk.lootify.customview.DialogBase;
 import com.gjsk.lootify.customview.SmallButton;
+import com.gjsk.lootify.databinding.ActivityLobbyBinding;
 
 public class Lobby extends AppCompatActivity {
 
@@ -12,20 +19,36 @@ public class Lobby extends AppCompatActivity {
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
 
-        com.gjsk.lootify.databinding.ActivityLobbyBinding binding = com.gjsk.lootify.databinding.ActivityLobbyBinding.inflate(getLayoutInflater());
+        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);
+
+        ActivityLobbyBinding binding = ActivityLobbyBinding.inflate(getLayoutInflater());
         setContentView(binding.getRoot());
 
-        SmallButton button1 = binding.button1;
-        SmallButton button2 = binding.button2;
+        DialogBase dialogBase = binding.dialogBase;
 
-        button1.setOnClickListener(v->{
-            button1.setEnabled(false);
-            button2.setEnabled(true);
-        });
+        LinearLayout buttonContents = dialogBase.findViewById(R.id.button_contents);
+        addButtons(buttonContents);
+
+        FrameLayout dialogContents = dialogBase.findViewById(R.id.dialog_contents);
+        setDialogContents(dialogContents);
+    }
+
+    private void setDialogContents(FrameLayout dialogContents){
+        LinearLayout contents = (LinearLayout) getLayoutInflater().inflate(R.layout.dialog_room_select, dialogContents, false);
 
-        button2.setOnClickListener(v->{
-            button1.setEnabled(true);
-            button2.setEnabled(false);
+        dialogContents.addView(contents);
+    }
+
+    private void addButtons(LinearLayout buttonContents) {
+
+        SmallButton findButton = new SmallButton(this);
+        findButton.setText("FIND");
+        findButton.setEnabled(true);
+        findButton.setOnClickListener(v -> {
+            Toast toast = Toast.makeText(getApplicationContext(), "Finding Room...", Toast.LENGTH_SHORT);
+            toast.show();
         });
+
+        buttonContents.addView(findButton);
     }
 }
\ No newline at end of file
diff --git a/app/src/main/res/drawable/add_ic.png b/app/src/main/res/drawable/add_ic.png
new file mode 100644
index 0000000..70d006c
Binary files /dev/null and b/app/src/main/res/drawable/add_ic.png differ
diff --git a/app/src/main/res/drawable/create_map_background.png b/app/src/main/res/drawable/create_map_background.png
new file mode 100644
index 0000000..87698fc
Binary files /dev/null and b/app/src/main/res/drawable/create_map_background.png differ
diff --git a/app/src/main/res/drawable/dark_yellow_button.xml b/app/src/main/res/drawable/dark_yellow_button.xml
deleted file mode 100644
index 58fa14f..0000000
--- a/app/src/main/res/drawable/dark_yellow_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/darkYellow"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/gray_button.xml b/app/src/main/res/drawable/gray_button.xml
deleted file mode 100644
index cb57d07..0000000
--- a/app/src/main/res/drawable/gray_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/gray"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/light_black_button.xml b/app/src/main/res/drawable/light_black_button.xml
deleted file mode 100644
index df5f4a2..0000000
--- a/app/src/main/res/drawable/light_black_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/lightBlack"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/light_brown_button.xml b/app/src/main/res/drawable/light_brown_button.xml
deleted file mode 100644
index d270922..0000000
--- a/app/src/main/res/drawable/light_brown_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/lightBrown"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/light_green_button.xml b/app/src/main/res/drawable/light_green_button.xml
deleted file mode 100644
index 8897e3c..0000000
--- a/app/src/main/res/drawable/light_green_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/lightGreen"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/light_yellow_button.xml b/app/src/main/res/drawable/light_yellow_button.xml
deleted file mode 100644
index 410d957..0000000
--- a/app/src/main/res/drawable/light_yellow_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/lightYellow"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/mid_green_button.xml b/app/src/main/res/drawable/mid_green_button.xml
deleted file mode 100644
index 2844ddf..0000000
--- a/app/src/main/res/drawable/mid_green_button.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item>
-        <shape>
-            <corners android:radius="5dp"/>
-            <solid android:color="@color/midGreen"/>
-        </shape>
-    </item>
-</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/white_frame.xml b/app/src/main/res/drawable/white_frame_low.xml
similarity index 100%
rename from app/src/main/res/drawable/white_frame.xml
rename to app/src/main/res/drawable/white_frame_low.xml
diff --git a/app/src/main/res/drawable/white_frame_mid.xml b/app/src/main/res/drawable/white_frame_mid.xml
new file mode 100644
index 0000000..f133bac
--- /dev/null
+++ b/app/src/main/res/drawable/white_frame_mid.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape>
+            <corners android:radius="10dp"/>
+            <stroke android:color="@color/textLightColor"
+                android:width="1dp"/>
+            <solid android:color="@color/white"/>
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_create_map.xml b/app/src/main/res/layout/activity_create_map.xml
index 06b49c9..5be49d5 100644
--- a/app/src/main/res/layout/activity_create_map.xml
+++ b/app/src/main/res/layout/activity_create_map.xml
@@ -1,9 +1,43 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/startScreen"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".MapCreator.CreateMap">
+    android:background="@color/titleBackgroundColor"
+    tools:context=".title.StartTitle">
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    <ImageView
+        android:contentDescription="@string/contents"
+        android:layout_height="match_parent"
+        android:layout_width="wrap_content"
+        android:scaleType="centerCrop"
+        android:src="@drawable/create_map_background"/>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:gravity="center"
+        android:orientation="vertical">
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/labrada"
+            android:text="@string/app_name"
+            android:textColor="@color/textBasicColor"
+            android:layout_marginTop="130dp"
+            android:layout_marginBottom="280dp"
+            android:textSize="65sp" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/inria_sans"
+            android:text="Touch to Start"
+            android:textColor="@color/white"
+            android:textSize="20sp" />
+
+    </LinearLayout>
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_lobby.xml b/app/src/main/res/layout/activity_lobby.xml
index e057a79..419234c 100644
--- a/app/src/main/res/layout/activity_lobby.xml
+++ b/app/src/main/res/layout/activity_lobby.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
-
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="@color/titleBackgroundColor">
@@ -13,39 +13,82 @@
         android:scaleType="centerCrop"
         android:src="@drawable/lobby_background_no_animation" />
 
-    <LinearLayout
+    <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:gravity="center"
-        android:orientation="vertical">
+        android:gravity="center">
 
         <TextView
-            android:layout_width="wrap_content"
+            android:id="@+id/textView"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            android:layout_marginTop="130dp"
-            android:layout_marginBottom="280dp"
+            android:layout_marginTop="50dp"
             android:fontFamily="@font/labrada"
+            android:gravity="center"
             android:text="@string/app_name"
             android:textColor="@color/white"
-            android:textSize="65sp" />
+            android:textSize="65sp"
+            app:layout_constraintTop_toTopOf="parent" />
 
-        <com.gjsk.lootify.customview.SmallButton
-            android:id="@+id/button1"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            app:text_color="@color/textBasicColor"
-            app:enable="true"
-            android:layout_marginBottom="20dp"
-            app:text="JOIN"/>
-
-        <com.gjsk.lootify.customview.SmallButton
-            android:id="@+id/button2"
-            android:layout_width="wrap_content"
+        <com.gjsk.lootify.customview.DialogBase
+            android:id="@+id/dialog_base"
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            app:add_icon_visible="false"
+            app:is_buttons="true"
+            app:layout_constraintHeight_percent="0.6"
+            app:layout_constraintTop_toBottomOf="@+id/textView"
+            app:sub_title="LOBBY"
+            tools:layout_editor_absoluteX="0dp" />
+
+        <TableLayout
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
-            app:text_color="@color/textBasicColor"
-            app:enable="false"
-            app:text="FIND"/>
+            android:stretchColumns="0,1"
+            android:visibility="visible"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/dialog_base">
+
+            <TableRow
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="15dp">
+
+                <TextView/>
+
+                <com.gjsk.lootify.customview.SmallButton
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="start"
+                    app:enable="true"
+                    app:text_color="@color/white"
+                    app:text="CREATE MAP" />
+
+            </TableRow>
+
+            <TableRow>
+
+                <com.gjsk.lootify.customview.SmallButton
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:layout_gravity="end"
+                    app:enable="true"
+                    app:text_color="@color/white"
+                    app:text="HISTORY" />
+
+                <com.gjsk.lootify.customview.SmallButton
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:layout_gravity="start"
+                    app:enable="true"
+                    app:text_color="@color/white"
+                    app:text="MY MAP" />
+
+            </TableRow>
+
+
+        </TableLayout>
 
-    </LinearLayout>
+    </androidx.constraintlayout.widget.ConstraintLayout>
 
 </FrameLayout>
diff --git a/app/src/main/res/layout/dialog_base.xml b/app/src/main/res/layout/dialog_base.xml
new file mode 100644
index 0000000..fe08cf6
--- /dev/null
+++ b/app/src/main/res/layout/dialog_base.xml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:layout_marginHorizontal="30dp"
+    android:layout_marginVertical="10dp"
+    android:background="@drawable/white_frame_mid"
+    android:backgroundTint="@color/white"
+    android:gravity="center_horizontal"
+    android:orientation="vertical">
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="75dp">
+
+        <TextView
+            android:id="@+id/description"
+            style="@style/contents_detail"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="12dp"
+            android:layout_marginTop="10dp"
+            android:text="@string/description"
+            android:textColor="@color/textLightColor" />
+
+        <TextView
+            android:id="@+id/sub_title"
+            style="@style/subTitle"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:layout_marginVertical="15dp"
+            android:text="@string/sub_title" />
+
+        <ImageView
+            android:id="@+id/icon"
+            android:layout_width="16dp"
+            android:layout_height="16dp"
+            android:layout_gravity="center_vertical|end"
+            android:layout_marginEnd="20dp"
+            android:contentDescription="@string/contents"
+            android:src="@drawable/add_ic" />
+
+    </FrameLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:background="@color/textLightColor" />
+
+    <FrameLayout
+        android:id="@+id/dialog_contents"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_gravity="center"
+        android:layout_weight="1" />
+
+    <View
+        android:id="@+id/button_line"
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:background="@color/textLightColor" />
+
+    <LinearLayout
+        android:id="@+id/button_contents"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginVertical="20dp"
+        android:gravity="center"
+        android:orientation="horizontal" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_room_select.xml b/app/src/main/res/layout/dialog_room_select.xml
new file mode 100644
index 0000000..8f0a36d
--- /dev/null
+++ b/app/src/main/res/layout/dialog_room_select.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:gravity="center"
+    android:orientation="vertical">
+
+    <Button
+        style="@style/big_button_text"
+        android:layout_width="238dp"
+        android:layout_height="74dp"
+        android:background="@drawable/white_frame_mid"
+        android:layout_marginBottom="25dp"
+        android:text="Create Room" />
+
+    <EditText
+        style="@style/big_button_text"
+        android:padding="15dp"
+        android:layout_width="238dp"
+        android:layout_height="74dp"
+        android:gravity="center"
+        android:inputType="number"
+        android:background="@drawable/white_frame_mid"
+        android:textColorHint="@color/gray"
+        android:hint="ENTER CODE" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/small_button.xml b/app/src/main/res/layout/small_button.xml
index 04d1232..a36c6fb 100644
--- a/app/src/main/res/layout/small_button.xml
+++ b/app/src/main/res/layout/small_button.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/smallButton"
-    android:background="@drawable/white_frame"
+    android:layout_marginHorizontal="10dp"
+    android:background="@drawable/white_frame_low"
     android:layout_width="145dp"
     android:layout_height="45dp">
 
@@ -9,10 +10,7 @@
         android:id="@+id/text"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:fontFamily="@font/inria_sans"
         android:gravity="center"
         android:text="@string/small_btn_text"
-        android:textColor="@color/black"
-        android:textSize="15sp" />
-
+        style="@style/small_button_text"/>
 </FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/attrs.xml b/app/src/main/res/values/attrs.xml
index 55cf3d7..b5770db 100644
--- a/app/src/main/res/values/attrs.xml
+++ b/app/src/main/res/values/attrs.xml
@@ -5,4 +5,11 @@
         <attr name="text_color" format="color"/>
         <attr name="enable" format="boolean"/>
     </declare-styleable>
+
+    <declare-styleable name="DialogBase">
+        <attr name="sub_title" format="string"/>
+        <attr name="description" format="string"/>
+        <attr name="add_icon_visible" format="boolean"/>
+        <attr name="is_buttons" format="boolean"/>
+    </declare-styleable>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index d3b9416..e0a3dd8 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -14,4 +14,5 @@
     <color name="lightBrown">#B3B69375</color>
     <color name="red">#D10000</color>
     <color name="blue">#007CFF</color>
+    <color name="textLightColor">#535353</color>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index ec0087f..36b01e0 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -2,4 +2,6 @@
     <string name="app_name">LOOTIFY</string>
     <string name="small_btn_text">NULL</string>
     <string name="contents">contents</string>
+    <string name="description">null</string>
+    <string name="sub_title">Sub Title</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..0b1a76b
--- /dev/null
+++ b/app/src/main/res/values/styles.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="small_button_text">
+        <item name="android:fontFamily">@font/inria_sans</item>
+        <item name="android:textSize">15sp</item>
+        <item name="android:textColor">@color/textBasicColor</item>
+    </style>
+    <style name="big_button_text">
+        <item name="android:fontFamily">@font/inria_sans</item>
+        <item name="android:textSize">20sp</item>
+        <item name="android:textColor">@color/textBasicColor</item>
+    </style>
+    <style name="subTitle">
+        <item name="android:fontFamily">@font/inria_sans</item>
+        <item name="android:textSize">25sp</item>
+        <item name="android:textColor">@color/textBasicColor</item>
+    </style>
+    <style name="contents">
+        <item name="android:fontFamily">@font/inria_sans</item>
+        <item name="android:textSize">20sp</item>
+        <item name="android:textColor">@color/textBasicColor</item>
+    </style>
+    <style name="contents_detail">
+        <item name="android:fontFamily">@font/inria_sans</item>
+        <item name="android:textSize">15sp</item>
+        <item name="android:textColor">@color/textBasicColor</item>
+    </style>
+</resources>
\ No newline at end of file