diff --git a/app/build.gradle b/app/build.gradle
index 22479f62151..5fc0e640fc5 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -61,6 +61,7 @@ dependencies {
       'androidx.constraintlayout:constraintlayout:1.1.3',
       'androidx.core:core-ktx:1.0.2',
       'androidx.lifecycle:lifecycle-runtime-ktx:2.2.0-alpha03',
+      'androidx.recyclerview:recyclerview:1.0.0',
       'com.google.dagger:dagger:2.24',
       "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version",
       "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.2.1",
diff --git a/app/src/main/res/drawable/state_button_primary_background.xml b/app/src/main/res/drawable/state_button_primary_background.xml
new file mode 100644
index 00000000000..c198754b5a8
--- /dev/null
+++ b/app/src/main/res/drawable/state_button_primary_background.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:shape="rectangle">
+  <corners
+    android:radius="@dimen/state_previous_next_button_radius"/>
+  <solid
+    android:color="@color/colorPrimary"/>
+</shape>
diff --git a/app/src/main/res/drawable/state_button_transparent_background.xml b/app/src/main/res/drawable/state_button_transparent_background.xml
new file mode 100644
index 00000000000..96aa2dbe473
--- /dev/null
+++ b/app/src/main/res/drawable/state_button_transparent_background.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:shape="rectangle">
+  <solid
+    android:color="@android:color/transparent"/>
+</shape>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 1f75fbc6809..75cde50851b 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -9,8 +9,12 @@
   <color name="ic_launcher_background">#26A69A</color>
   <!-- OPPIA COLORS -->
   <color name="oppiaDarkBlue">#2D4A9D</color>
+  <color name="oppiaPrimaryText">#333333</color>
+  <color name="oppiaSecondaryText">#666666</color>
   <!-- BASIC COLORS -->
   <color name="white">#FFFFFF</color>
   <!-- AUDIO COMPONENT -->
   <color name="audioComponentBackground">@color/oppiaDarkBlue</color>
+  <!-- SUBMIT BUTTON INACTIVE -->
+  <color name="submitButtonInactive">#56000000</color>
 </resources>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index d9c61be15b7..c96810de821 100755
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -6,4 +6,5 @@
   <dimen name="audio_fragment_corner_radius">8dp</dimen>
   <dimen name="audio_fragment_margin">32dp</dimen>
   <dimen name="cellular_data_dialog_padding">24dp</dimen>
+  <dimen name="state_previous_next_button_radius">4dp</dimen>
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 19d07509e27..de2c8830744 100755
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -12,4 +12,7 @@
   <string name="cellular_data_alert_dialog_title">Currently on Cellular Data</string>
   <string name="cellular_data_alert_dialog_description">Streaming audio may use a lot of cellular data.</string>
   <string name="cellular_data_alert_dialog_checkbox">Don\'t show this message again</string>
+  <string name="topic_train_master_these_skills">Master These Skills</string>
+  <string name="topic_train_skills_description">Select or unselect skills that you want to practice</string>
+  <string name="topic_train_start">Start</string>
 </resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index f5695ca647d..c92ae2e725e 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -43,4 +43,31 @@
     <item name="android:windowEnterAnimation">@anim/slide_up</item>
     <item name="android:windowExitAnimation">@anim/slide_down</item>
   </style>
+
+  <!-- STATE BUTTON ACTIVE STYLE -->
+  <style name="StateButtonActive" parent="TextAppearance.AppCompat.Widget.Button">
+    <item name="android:layout_width">wrap_content</item>
+    <item name="android:layout_height">wrap_content</item>
+    <item name="android:background">@drawable/state_button_primary_background</item>
+    <item name="android:paddingTop">8dp</item>
+    <item name="android:paddingBottom">8dp</item>
+    <item name="android:paddingStart">16dp</item>
+    <item name="android:paddingEnd">16dp</item>
+    <item name="android:textAllCaps">true</item>
+    <item name="android:textColor">@color/white</item>
+    <item name="android:textSize">14sp</item>
+    <item name="android:clickable">true</item>
+  </style>
+
+  <!-- STATE BUTTON INACTIVE STYLE -->
+  <style name="StateButtonInactive" parent="TextAppearance.AppCompat.Widget.Button">
+    <item name="android:layout_width">wrap_content</item>
+    <item name="android:layout_height">wrap_content</item>
+    <item name="android:padding">8dp</item>
+    <item name="android:textAllCaps">true</item>
+    <item name="android:background">@android:color/transparent</item>
+    <item name="android:textColor">#56000000</item>
+    <item name="android:textSize">14sp</item>
+    <item name="android:clickable">false</item>
+  </style>
 </resources>