diff --git a/dev-client/__tests__/integration/__snapshots__/CreateProjectScreen-test.tsx.snap b/dev-client/__tests__/integration/__snapshots__/CreateProjectScreen-test.tsx.snap
index 5bfa9f8204..1b76d59ce5 100644
--- a/dev-client/__tests__/integration/__snapshots__/CreateProjectScreen-test.tsx.snap
+++ b/dev-client/__tests__/integration/__snapshots__/CreateProjectScreen-test.tsx.snap
@@ -307,7 +307,7 @@ exports[`renders correctly 1`] = `
                                       "borderTopRightRadius": 4,
                                     },
                                     {
-                                      "backgroundColor": "#e4e4e4",
+                                      "backgroundColor": "#efefef",
                                       "minHeight": undefined,
                                       "width": "100%",
                                     },
@@ -506,7 +506,7 @@ exports[`renders correctly 1`] = `
                                       "borderTopRightRadius": 4,
                                     },
                                     {
-                                      "backgroundColor": "#e4e4e4",
+                                      "backgroundColor": "#efefef",
                                       "minHeight": 100,
                                       "width": "100%",
                                     },
@@ -563,7 +563,7 @@ exports[`renders correctly 1`] = `
                                           "zIndex": 2,
                                         },
                                         {
-                                          "backgroundColor": "#e4e4e4",
+                                          "backgroundColor": "#efefef",
                                           "left": 16,
                                           "right": 16,
                                         },
diff --git a/dev-client/__tests__/integration/__snapshots__/CreateSiteScreen-test.tsx.snap b/dev-client/__tests__/integration/__snapshots__/CreateSiteScreen-test.tsx.snap
index 810d46d978..2dc961c31a 100644
--- a/dev-client/__tests__/integration/__snapshots__/CreateSiteScreen-test.tsx.snap
+++ b/dev-client/__tests__/integration/__snapshots__/CreateSiteScreen-test.tsx.snap
@@ -310,7 +310,7 @@ exports[`renders correctly 1`] = `
                                       "borderTopRightRadius": 4,
                                     },
                                     {
-                                      "backgroundColor": "#e4e4e4",
+                                      "backgroundColor": "#efefef",
                                       "minHeight": undefined,
                                       "width": "100%",
                                     },
@@ -564,7 +564,7 @@ exports[`renders correctly 1`] = `
                                       "borderTopRightRadius": 4,
                                     },
                                     {
-                                      "backgroundColor": "#e4e4e4",
+                                      "backgroundColor": "#efefef",
                                       "minHeight": undefined,
                                       "width": "100%",
                                     },
@@ -774,7 +774,7 @@ exports[`renders correctly 1`] = `
                                       "borderTopRightRadius": 4,
                                     },
                                     {
-                                      "backgroundColor": "#e4e4e4",
+                                      "backgroundColor": "#efefef",
                                       "minHeight": undefined,
                                       "width": "100%",
                                     },
diff --git a/dev-client/__tests__/integration/__snapshots__/LoginScreen-test.tsx.snap b/dev-client/__tests__/integration/__snapshots__/LoginScreen-test.tsx.snap
index fcd082b3f9..d189a5d895 100644
--- a/dev-client/__tests__/integration/__snapshots__/LoginScreen-test.tsx.snap
+++ b/dev-client/__tests__/integration/__snapshots__/LoginScreen-test.tsx.snap
@@ -35,13 +35,6 @@ exports[`renders correctly 1`] = `
         ]
       }
     >
-      <View
-        style={
-          {
-            "flexGrow": 2,
-          }
-        }
-      />
       <View
         style={
           [
@@ -50,44 +43,40 @@ exports[`renders correctly 1`] = `
             },
             {
               "alignItems": "center",
-              "justifyContent": "flex-end",
+              "marginTop": 135,
             },
           ]
         }
       >
+        <
+          height="144px"
+          width="144px"
+        />
         <Text
           lineHeight="56px"
           style={
             {
               "color": "#FFFFFF",
-              "fontSize": 40,
-              "fontWeight": "400",
+              "fontSize": 30,
+              "fontWeight": "bold",
+              "marginTop": 34,
             }
           }
         >
-          LandPKS
+          LandPKS Soil ID
         </Text>
-        <View
-          style={
-            {
-              "height": 28,
-            }
-          }
-        />
         <Text
           lineHeight="32px"
           style={
             {
               "color": "#FFFFFF",
-              "fontSize": 24,
+              "fontSize": 22,
               "fontWeight": "400",
-              "paddingLeft": 40,
-              "paddingRight": 40,
-              "textAlign": "center",
+              "marginTop": 14,
             }
           }
         >
-          Discover the potential of your land
+          Soil science in your hands
         </Text>
         <View
           style={
@@ -138,17 +127,23 @@ exports[`renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              {
-                "alignItems": "center",
-                "backgroundColor": "#FFFFFF",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingBottom": 8,
-                "paddingLeft": 22,
-                "paddingRight": 22,
-                "paddingTop": 8,
-              }
+              [
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#028843",
+                  "borderRadius": 4,
+                  "flexDirection": "row",
+                  "justifyContent": "center",
+                  "paddingBottom": 8,
+                  "paddingLeft": 22,
+                  "paddingRight": 22,
+                  "paddingTop": 8,
+                },
+                {
+                  "backgroundColor": "white",
+                  "justifyContent": "center",
+                },
+              ]
             }
           >
             <View
@@ -190,6 +185,7 @@ exports[`renders correctly 1`] = `
                       "letterSpacing": 0.46,
                       "lineHeight": 26,
                       "textDecorationLine": undefined,
+                      "textTransform": "none",
                     }
                   }
                 >
@@ -240,17 +236,23 @@ exports[`renders correctly 1`] = `
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
             style={
-              {
-                "alignItems": "center",
-                "backgroundColor": "#FFFFFF",
-                "borderRadius": 4,
-                "flexDirection": "row",
-                "justifyContent": "center",
-                "paddingBottom": 8,
-                "paddingLeft": 22,
-                "paddingRight": 22,
-                "paddingTop": 8,
-              }
+              [
+                {
+                  "alignItems": "center",
+                  "backgroundColor": "#028843",
+                  "borderRadius": 4,
+                  "flexDirection": "row",
+                  "justifyContent": "center",
+                  "paddingBottom": 8,
+                  "paddingLeft": 22,
+                  "paddingRight": 22,
+                  "paddingTop": 8,
+                },
+                {
+                  "backgroundColor": "white",
+                  "justifyContent": "center",
+                },
+              ]
             }
           >
             <View
@@ -292,6 +294,7 @@ exports[`renders correctly 1`] = `
                       "letterSpacing": 0.46,
                       "lineHeight": 26,
                       "textDecorationLine": undefined,
+                      "textTransform": "none",
                     }
                   }
                 >
@@ -342,30 +345,38 @@ exports[`renders correctly 1`] = `
           ]
         }
       >
-        <
-          height="39px"
-          width="122px"
-        />
         <View
           style={
-            {
-              "height": 12,
-            }
-          }
-        />
-        <Text
-          letterSpacing="0.4px"
-          lineHeight="20px"
-          style={
-            {
-              "color": "#FFFFFF",
-              "fontSize": 12,
-              "fontWeight": "400",
-            }
+            [
+              {
+                "flexDirection": "row",
+              },
+              {
+                "alignItems": "flex-end",
+              },
+            ]
           }
         >
-          LandPKS is a Terraso soil science tool.
-        </Text>
+          <Text
+            letterSpacing="0.15px"
+            lineHeight="24px"
+            style={
+              {
+                "color": "#FFFFFF",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "marginBottom": 6,
+                "marginRight": 5,
+              }
+            }
+          >
+            from
+          </Text>
+          <
+            height="39px"
+            width="122px"
+          />
+        </View>
       </View>
     </View>
   </View>
diff --git a/dev-client/__tests__/integration/__snapshots__/SlopeScreen-test.tsx.snap b/dev-client/__tests__/integration/__snapshots__/SlopeScreen-test.tsx.snap
index 45a428abd9..0c53c043b8 100644
--- a/dev-client/__tests__/integration/__snapshots__/SlopeScreen-test.tsx.snap
+++ b/dev-client/__tests__/integration/__snapshots__/SlopeScreen-test.tsx.snap
@@ -427,7 +427,7 @@ Slope is important in identifying the soil. It also helps determine the soil’s
                           }
                         }
                       >
-                        STEEPNESS
+                        Steepness
                       </Text>
                       <View
                         style={
@@ -451,6 +451,20 @@ Slope is important in identifying the soil. It also helps determine the soil’s
                       </Text>
                     </View>
                   </View>
+                  <View
+                    style={
+                      [
+                        {
+                          "backgroundColor": "rgba(202, 196, 208, 1)",
+                          "height": 0.5,
+                        },
+                        undefined,
+                        false,
+                        false,
+                        undefined,
+                      ]
+                    }
+                  />
                   <View
                     accessibilityState={
                       {
@@ -524,7 +538,7 @@ Slope is important in identifying the soil. It also helps determine the soil’s
                           }
                         }
                       >
-                        SHAPE
+                        Shape
                       </Text>
                       <View
                         style={