diff --git a/app/src/main/res/layout/activity_addsite.xml b/app/src/main/res/layout/activity_addsite.xml
index ff6f3e2..096bd5a 100644
--- a/app/src/main/res/layout/activity_addsite.xml
+++ b/app/src/main/res/layout/activity_addsite.xml
@@ -52,12 +52,10 @@
               android:id="@+id/inputName"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
-              android:fontFamily="@font/lato"
               android:hint="@string/site_name"
               android:inputType="textPersonName|textCapWords|textAutoCorrect"
-              android:textColor="?android:textColorPrimary"
-              android:textColorHint="?android:textColorSecondary"
-              android:textSize="@dimen/body_font_size"
+              android:textColor="#FFFFFF"
+              style="@style/NockText.Body"
               />
 
         </com.google.android.material.textfield.TextInputLayout>
@@ -75,12 +73,10 @@
               android:id="@+id/inputUrl"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
-              android:fontFamily="@font/lato"
               android:hint="@string/site_url"
               android:inputType="textUri"
-              android:textColor="?android:textColorPrimary"
-              android:textColorHint="?android:textColorSecondary"
-              android:textSize="@dimen/body_font_size"
+              android:textColor="#FFFFFF"
+              style="@style/NockText.Body"
               />
 
         </com.google.android.material.textfield.TextInputLayout>
@@ -90,11 +86,9 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/list_text_spacing"
-            android:fontFamily="@font/lato_light"
-            android:textColor="?android:textColorPrimary"
-            android:textSize="@dimen/caption_font_size"
             android:visibility="gone"
             tools:text="Warning: this app checks for server availability with HTTP requests. It's recommended that you use an HTTP URL."
+            style="@style/NockText.Footnote"
             />
 
         <include layout="@layout/include_divider"/>
@@ -111,10 +105,8 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/content_inset"
-            android:fontFamily="@font/lato"
             android:text="@string/response_validation_mode"
-            android:textColor="?colorAccent"
-            android:textSize="@dimen/caption_font_size"
+            style="@style/NockText.SectionHeader"
             />
 
         <Spinner
@@ -131,11 +123,10 @@
             android:layout_marginLeft="-4dp"
             android:layout_marginRight="-4dp"
             android:layout_marginTop="-4dp"
-            android:fontFamily="@font/lato_light"
             android:hint="@string/search_term"
-            android:textSize="@dimen/body_font_size"
             android:visibility="gone"
             tools:ignore="Autofill,TextFields"
+            style="@style/NockText.Body.Light"
             />
 
         <com.afollestad.nocknock.viewcomponents.JavaScriptInputLayout
@@ -152,10 +143,9 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/content_inset_half"
-            android:fontFamily="@font/lato_light"
             android:lineSpacingMultiplier="1.2"
             android:text="@string/validation_mode_status_desc"
-            android:textSize="@dimen/body_font_size"
+            style="@style/NockText.Body.Light"
             />
 
         <com.google.android.material.button.MaterialButton
diff --git a/app/src/main/res/layout/activity_viewsite.xml b/app/src/main/res/layout/activity_viewsite.xml
index 02b984f..482111c 100644
--- a/app/src/main/res/layout/activity_viewsite.xml
+++ b/app/src/main/res/layout/activity_viewsite.xml
@@ -70,30 +70,26 @@
                 android:id="@+id/inputName"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:fontFamily="@font/lato"
                 android:hint="@string/site_name"
                 android:inputType="textPersonName|textCapWords|textAutoCorrect"
                 android:singleLine="true"
-                android:textColor="?android:textColorPrimary"
-                android:textColorHint="?android:textColorSecondary"
-                android:textSize="@dimen/body_font_size"
+                android:textColor="#FFFFFF"
                 android:transitionName="site_name"
                 tools:ignore="Autofill,UnusedAttribute"
+                style="@style/NockText.Body"
                 />
 
             <EditText
                 android:id="@+id/inputUrl"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:fontFamily="@font/lato"
                 android:hint="@string/site_url"
                 android:inputType="textUri"
                 android:singleLine="true"
-                android:textColor="?android:textColorPrimary"
-                android:textColorHint="?android:textColorSecondary"
-                android:textSize="@dimen/body_font_size"
+                android:textColor="#FFFFFF"
                 android:transitionName="site_url"
                 tools:ignore="Autofill,UnusedAttribute"
+                style="@style/NockText.Body"
                 />
 
             <TextView
@@ -103,11 +99,9 @@
                 android:layout_marginEnd="4dp"
                 android:layout_marginStart="4dp"
                 android:layout_marginTop="@dimen/list_text_spacing"
-                android:fontFamily="@font/lato_light"
-                android:textColor="?android:textColorPrimary"
-                android:textSize="@dimen/caption_font_size"
                 android:visibility="gone"
                 tools:text="Warning: this app checks for server availability with HTTP requests. It's recommended that you use an HTTP URL."
+                style="@style/NockText.Footnote"
                 />
 
           </LinearLayout>
@@ -140,10 +134,8 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/content_inset"
-            android:fontFamily="@font/lato"
             android:text="@string/response_validation_mode"
-            android:textColor="?colorAccent"
-            android:textSize="@dimen/caption_font_size"
+            style="@style/NockText.SectionHeader"
             />
 
         <Spinner
@@ -160,11 +152,11 @@
             android:layout_marginLeft="-4dp"
             android:layout_marginRight="-4dp"
             android:layout_marginTop="-4dp"
-            android:fontFamily="@font/lato_light"
             android:hint="@string/search_term"
-            android:textSize="@dimen/body_font_size"
+            android:textColor="#FFFFFF"
             android:visibility="gone"
             tools:ignore="Autofill,TextFields"
+            style="@style/NockText.Body.Light"
             />
 
         <com.afollestad.nocknock.viewcomponents.JavaScriptInputLayout
@@ -181,10 +173,9 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/content_inset_half"
-            android:fontFamily="@font/lato"
             android:lineSpacingMultiplier="1.2"
             android:text="@string/validation_mode_status_desc"
-            android:textSize="@dimen/body_font_size"
+            style="@style/NockText.Body.Light"
             />
 
         <include layout="@layout/include_divider"/>
@@ -194,8 +185,7 @@
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/content_inset"
             android:text="@string/last_check_result"
-            android:textColor="?colorAccent"
-            android:textSize="@dimen/caption_font_size"
+            style="@style/NockText.SectionHeader"
             />
 
         <TextView
@@ -203,10 +193,8 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/list_text_spacing"
-            android:fontFamily="@font/lato"
-            android:textColor="?android:textColorPrimary"
-            android:textSize="@dimen/medium_text_size"
             tools:text="Everything checks out!"
+            style="@style/NockText.Body"
             />
 
         <TextView
@@ -214,8 +202,7 @@
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/content_inset"
             android:text="@string/next_check"
-            android:textColor="?colorAccent"
-            android:textSize="@dimen/caption_font_size"
+            style="@style/NockText.SectionHeader"
             />
 
         <TextView
@@ -223,10 +210,8 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginTop="@dimen/list_text_spacing"
-            android:fontFamily="@font/lato"
-            android:textColor="?android:textColorPrimary"
-            android:textSize="@dimen/medium_text_size"
             tools:text="In 2 hours"
+            style="@style/NockText.Body"
             />
 
         <com.google.android.material.button.MaterialButton
diff --git a/app/src/main/res/layout/list_item_server.xml b/app/src/main/res/layout/list_item_server.xml
index eb23dad..04e37c5 100644
--- a/app/src/main/res/layout/list_item_server.xml
+++ b/app/src/main/res/layout/list_item_server.xml
@@ -40,15 +40,12 @@
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_alignParentStart="true"
-          android:layout_centerVertical="true"
           android:layout_marginEnd="@dimen/content_inset_half"
           android:layout_toStartOf="@+id/textInterval"
-          android:fontFamily="@font/lato"
           android:singleLine="true"
-          android:textColor="?android:textColorPrimary"
-          android:textSize="@dimen/title_font_size"
           android:transitionName="site_name"
           tools:text="Website Name"
+          style="@style/NockText.Title"
           />
 
       <TextView
@@ -57,11 +54,8 @@
           android:layout_height="wrap_content"
           android:layout_alignParentEnd="true"
           android:layout_centerVertical="true"
-          android:fontFamily="@font/lato_black"
-          android:singleLine="true"
-          android:textColor="?android:textColorSecondary"
-          android:textSize="@dimen/caption_font_size"
           tools:text="1h"
+          style="@style/NockText.Caption"
           />
 
     </RelativeLayout>
@@ -71,12 +65,10 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="@dimen/list_text_spacing"
-        android:fontFamily="@font/lato_light"
         android:singleLine="true"
-        android:textColor="?android:textColorSecondary"
-        android:textSize="@dimen/body_font_size"
         android:transitionName="site_url"
         tools:text="https://yourwebsitehere.com"
+        style="@style/NockText.Body.Light"
         />
 
     <TextView
@@ -84,11 +76,9 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="@dimen/list_text_spacing"
-        android:fontFamily="@font/lato"
         android:singleLine="true"
-        android:textColor="?android:textColorSecondary"
-        android:textSize="@dimen/body_font_size"
         tools:text="Everything checks out!"
+        style="@style/NockText.Body"
         />
 
   </LinearLayout>
diff --git a/viewcomponents/src/main/res/font/lato_bold.xml b/viewcomponents/src/main/res/font/lato_bold.xml
new file mode 100644
index 0000000..e12d82b
--- /dev/null
+++ b/viewcomponents/src/main/res/font/lato_bold.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family xmlns:app="http://schemas.android.com/apk/res-auto"
+        app:fontProviderAuthority="com.google.android.gms.fonts"
+        app:fontProviderPackage="com.google.android.gms"
+        app:fontProviderQuery="name=Lato&amp;weight=700"
+        app:fontProviderCerts="@array/com_google_android_gms_fonts_certs">
+</font-family>
diff --git a/viewcomponents/src/main/res/layout/check_interval_layout.xml b/viewcomponents/src/main/res/layout/check_interval_layout.xml
index 227c408..96c5cca 100644
--- a/viewcomponents/src/main/res/layout/check_interval_layout.xml
+++ b/viewcomponents/src/main/res/layout/check_interval_layout.xml
@@ -12,10 +12,8 @@
       android:id="@+id/label"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
-      android:fontFamily="@font/lato"
       android:text="@string/check_interval"
-      android:textColor="?colorAccent"
-      android:textSize="@dimen/caption_font_size"
+      style="@style/NockText.SectionHeader"
       />
 
   <LinearLayout
@@ -33,12 +31,12 @@
         android:layout_marginEnd="@dimen/content_inset_half"
         android:layout_marginStart="-4dp"
         android:layout_weight="1"
-        android:fontFamily="@font/lato_light"
         android:hint="0"
         android:inputType="number"
         android:maxLength="6"
-        android:textSize="@dimen/body_font_size"
+        android:textColor="#FFFFFF"
         tools:ignore="Autofill,HardcodedText,LabelFor"
+        style="@style/NockText.Body.Light"
         />
 
     <Spinner
diff --git a/viewcomponents/src/main/res/layout/list_item_spinner.xml b/viewcomponents/src/main/res/layout/list_item_spinner.xml
index 8469e57..b902914 100644
--- a/viewcomponents/src/main/res/layout/list_item_spinner.xml
+++ b/viewcomponents/src/main/res/layout/list_item_spinner.xml
@@ -3,8 +3,7 @@
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="@dimen/button_height"
-    android:fontFamily="@font/lato"
     android:gravity="center_vertical|start"
-    android:textColor="?android:textColorPrimary"
-    android:textSize="@dimen/body_font_size"
+    android:textColor="#FFFFFF"
+    style="@style/NockText.Body"
     />
diff --git a/viewcomponents/src/main/res/layout/list_item_spinner_dropdown.xml b/viewcomponents/src/main/res/layout/list_item_spinner_dropdown.xml
index 141b174..ae7bb8a 100644
--- a/viewcomponents/src/main/res/layout/list_item_spinner_dropdown.xml
+++ b/viewcomponents/src/main/res/layout/list_item_spinner_dropdown.xml
@@ -3,10 +3,9 @@
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="@dimen/button_height"
-    android:fontFamily="@font/lato"
     android:gravity="center_vertical|start"
     android:paddingLeft="@dimen/content_inset"
     android:paddingRight="@dimen/content_inset"
-    android:textColor="?android:textColorPrimary"
-    android:textSize="@dimen/body_font_size"
+    android:textColor="#FFFFFF"
+    style="@style/NockText.Body"
     />
diff --git a/viewcomponents/src/main/res/values/dimens.xml b/viewcomponents/src/main/res/values/dimens.xml
index 50a887b..005a1a9 100644
--- a/viewcomponents/src/main/res/values/dimens.xml
+++ b/viewcomponents/src/main/res/values/dimens.xml
@@ -12,9 +12,9 @@
   <dimen name="content_inset_double">32dp</dimen>
 
   <dimen name="title_font_size">20sp</dimen>
-  <dimen name="medium_text_size">16sp</dimen>
   <dimen name="body_font_size">14sp</dimen>
   <dimen name="code_font_size">14sp</dimen>
+  <dimen name="footnote_font_size">12sp</dimen>
   <dimen name="caption_font_size">12sp</dimen>
 
   <dimen name="button_height">52dp</dimen>
diff --git a/viewcomponents/src/main/res/values/preloaded_fonts.xml b/viewcomponents/src/main/res/values/preloaded_fonts.xml
index 6a94ecb..0c550dd 100644
--- a/viewcomponents/src/main/res/values/preloaded_fonts.xml
+++ b/viewcomponents/src/main/res/values/preloaded_fonts.xml
@@ -1,9 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <array name="preloaded_fonts" translatable="false">
-        <item>@font/fira_mono</item>
-        <item>@font/lato</item>
-        <item>@font/lato_black</item>
-        <item>@font/lato_light</item>
-    </array>
+  <array name="preloaded_fonts" translatable="false">
+    <item>@font/fira_mono</item>
+    <item>@font/lato</item>
+    <item>@font/lato_black</item>
+    <item>@font/lato_bold</item>
+    <item>@font/lato_light</item>
+  </array>
 </resources>
diff --git a/viewcomponents/src/main/res/values/styles.xml b/viewcomponents/src/main/res/values/styles.xml
new file mode 100644
index 0000000..af9f3ad
--- /dev/null
+++ b/viewcomponents/src/main/res/values/styles.xml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+  <style name="NockText"/>
+
+  <style name="NockText.SectionHeader">
+    <item name="android:textSize">@dimen/caption_font_size</item>
+    <item name="android:fontFamily">@font/lato_bold</item>
+    <item name="android:textColor">?colorAccent</item>
+  </style>
+
+  <style name="NockText.Title">
+    <item name="android:textSize">@dimen/title_font_size</item>
+    <item name="android:fontFamily">@font/lato</item>
+    <item name="android:textColor">?android:textColorPrimary</item>
+  </style>
+
+  <style name="NockText.Body">
+    <item name="android:textSize">@dimen/body_font_size</item>
+    <item name="android:fontFamily">@font/lato</item>
+    <item name="android:textColor">?android:textColorSecondary</item>
+  </style>
+
+  <style name="NockText.Body.Light" parent="NockText.Body">
+    <item name="android:fontFamily">@font/lato_light</item>
+  </style>
+
+  <style name="NockText.Caption">
+    <item name="android:textSize">@dimen/caption_font_size</item>
+    <item name="android:fontFamily">@font/lato_black</item>
+    <item name="android:textColor">?android:textColorSecondary</item>
+    <item name="android:singleLine">true</item>
+  </style>
+
+  <style name="NockText.Footnote">
+    <item name="android:textSize">@dimen/caption_font_size</item>
+    <item name="android:fontFamily">@font/lato_light</item>
+    <item name="android:textColor">?android:textColorPrimary</item>
+    <item name="android:textColorHint">?android:textColorSecondary</item>
+  </style>
+
+</resources>