diff --git a/client/icons/customIcons.less b/client/icons/customIcons.less
index f41a2fc83..dc1809543 100644
--- a/client/icons/customIcons.less
+++ b/client/icons/customIcons.less
@@ -13,3 +13,6 @@
 .position-bottom-right {
   content: url('../icons/position-bottom-right.svg');
 }
+.fa-file-c {
+  content: url('../icons/fa-file-c.svg');
+}
\ No newline at end of file
diff --git a/client/icons/fa-file-c.svg b/client/icons/fa-file-c.svg
new file mode 100644
index 000000000..3e914decf
--- /dev/null
+++ b/client/icons/fa-file-c.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 610.4 816.5" style="enable-background:new 0 0 610.4 816.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:20;stroke-miterlimit:10;}
+</style>
+<title>fa-file-c</title>
+<g id="Layer_2_1_">
+	<g id="Layer_1-2">
+		<g id="page">
+			<path id="page-2" d="M610.3,468.3c0,77.3,0.2,154.5,0,231.8s-39.8,116.5-116.8,116.4c-127.6,0-255.1,0-382.7,0
+				c-68.1,0-110.5-41.7-110.6-109.8c-0.2-197.7-0.2-395.5,0-593.2c0-68.4,43.2-110.9,112.1-111c90-0.1,180,0.2,270-0.2
+				c12.8,0,21.5,0.6,32.9,4c17.1,5,152.7,150.7,190.7,188.8c-0.7,18-6,5.7,1.4,35.1c0,6.8,3.1,11.2,3.1,18.1
+				C610.2,320.8,610.3,395.7,610.3,468.3z"/>
+			<path id="white_corner" class="st0" d="M364.1,0v200c0,9.3,1.7,25.6,13.1,36.8c12,11.7,28.8,12.1,37.5,12.2
+				c119.8,1.3,195.6,0.4,195.6,0.4l0,0l-0.3-54.3l-197,1l3-192L364.1,0z"/>
+		</g>
+		<path class="st1" d="M317.7,719.8c-38.3,0-71-8.1-98.3-24.3c-27.2-16.2-48.1-39.2-62.7-69C142.3,596.8,135,561.2,135,520
+			c0-30.9,4.1-58.6,12.4-83.1c8.3-24.5,20.2-45.3,35.9-62.4c15.6-17.1,34.9-30.4,57.7-39.8s48.4-14.1,76.7-14.1
+			c22.1-0.1,44,3.1,65.1,9.7c20.6,6.4,38.4,15.9,53.5,28.4c4.8,3.7,8,7.8,9.7,12.4c1.6,4.2,1.8,8.9,0.6,13.2
+			c-1.2,4.1-3.5,7.7-6.6,10.5c-3.1,2.8-7.2,4.2-11.3,4.1c-4.4,0-9.4-1.8-14.9-5.5c-13-10.5-27.7-18.6-43.6-23.7
+			c-16.6-5.3-33.9-7.9-51.3-7.7c-29.1,0-53.7,6.2-74,18.5s-35.5,30.3-45.8,53.8c-10.3,23.6-15.4,52.1-15.4,85.5s5.1,62.1,15.4,85.9
+			c10.3,23.7,25.6,41.8,45.8,54.1c20.2,12.3,44.9,18.5,74,18.5c17.4,0.1,34.8-2.6,51.3-8c16.2-5.3,31.3-13.5,44.7-24
+			c5.5-3.7,10.5-5.4,14.9-5.3c4,0.1,7.9,1.5,11,4.1c3,2.7,5.2,6.1,6.4,9.9c1.3,4.1,1.3,8.6,0,12.7c-1.3,4.4-4.1,8.3-8.6,11.6
+			c-15.5,13.3-33.6,23.3-54.4,30.1C362.7,716.6,340.3,720,317.7,719.8z"/>
+	</g>
+</g>
+</svg>
diff --git a/themes/V3/5ePHB/snippets.js b/themes/V3/5ePHB/snippets.js
index bea2a1da3..51b91e6b0 100644
--- a/themes/V3/5ePHB/snippets.js
+++ b/themes/V3/5ePHB/snippets.js
@@ -170,7 +170,7 @@ module.exports = [
 			},
 			{
 				name : 'Cover Page',
-				icon : 'fas fa-file-word',
+				icon : 'fac fa-file-c',
 				gen  : CoverPageGen,
 			},
 			{
diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less
index 8f8f232a2..5dafde98c 100644
--- a/themes/V3/5ePHB/style.less
+++ b/themes/V3/5ePHB/style.less
@@ -706,7 +706,7 @@
 			min-width: 100%;
 		}
 		&:before {
-			background-image: @coverPageLogo;
+			background-image: @homebreweryLogo;
 			background-position: center;
 			background-size: 60px;
 			background-repeat: no-repeat;
@@ -738,7 +738,7 @@
 		hr {
 			position: relative;
 			top: -16px;
-			background-image: @coverPageHorizontalRule;
+			background-image: @horizontalRule;
 			background-size: 100% 100%;
 			visibility: visible;
 			height: 64px;
diff --git a/themes/assets/assets.less b/themes/assets/assets.less
index 280722dc0..e5a112311 100644
--- a/themes/assets/assets.less
+++ b/themes/assets/assets.less
@@ -10,9 +10,9 @@
 @monsterBorderImage       : url('/assets/monsterBorderFancy.png');
 @codeBorderImage          : url('/assets/codeBorder.png');
 @classTableDecoration     : url('/assets/classTableDecoration.png');
-@coverPageLogo            : url('/assets/coverPageLogo.png');
+@homebreweryLogo          : url('/assets/homebreweryLogo.png');
 @coverPageBanner          : url('/assets/coverPageBanner.png');
-@coverPageHorizontalRule  : url('/assets/coverPageHorizontalRule.png');
+@horizontalRule           : url('/assets/horizontalRule.png');
 
 // Watercolor Images
 @watercolor1  : url('/assets/watercolor/watercolor1.png');
diff --git a/themes/assets/coverPageBanner.svg b/themes/assets/coverPageBanner.svg
new file mode 100644
index 000000000..8e7c4acc2
--- /dev/null
+++ b/themes/assets/coverPageBanner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 970.25 154.67"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="banner"><path id="mainShape" class="cls-1" d="M0,154.67V6.42l188.38,0s137.26,9.45,141.43,9.79c0,.14-96.52,6.76-96.52,6.76l47.09,2.24,39.48-3.05L479.43,34s-36.75,2.68-50.19,3.71c0,.29,178.19,14.48,178.19,14.48s34-3.95,34-4.24c-22.33-1.59-74.72-5.66-74.72-5.66l94-6.19s33.14,2.2,46.39,3.18c12.39.92,40.61,2.82,40.61,2.82l-24.34,2.07,35.24,3,47.36-3.62L762.5,40.26l95-6.94s84.83,6.11,96.45,7c0,.06-65.05,4.32-92.07,6.19-.29,0,39.6,3.57,54.16,4.73,0,.19-108.33,6.75-159.44,10.21,40.47,4.1,86.29,8.6,126,12.62,0,.15-41,4.34-58.14,6.16,0,.21,65.56,5.15,93.67,7.41-.2,0-41.27,2.79-56.81,4,0,.23,44.76,3.66,62.76,5.09,0,.11-103.55,7.17-150.95,10.53,0,.25,47.29,3.67,66.36,5.19,0,.1-62.19,4.45-89.84,6.47,0,.27,10.77,2.61,10.77,2.61L532.16,139.22,459.29,134l44.38-3.57L434.1,125l-58.43,4.31,59.76,4.36-123.38,11,44.19,3.14S337.9,149.34,330,150c-9.83.77-59.3,4.72-59.3,4.72Z"/><polygon id="diamondF" class="cls-1" points="552.6 154.33 469.43 147.19 550.72 142.21 633.24 148.52 552.6 154.33"/><polygon id="diamondE" class="cls-1" points="631.14 140.38 741.62 130.66 782.71 133.62 755.63 135.82 812.67 140.14 722.1 146.81 631.14 140.38"/><polygon id="diamondD" class="cls-1" points="812.57 62.87 892.92 57.13 970.25 63.1 894.05 68.76 812.57 62.87"/><path id="diamondC" class="cls-1" d="M480.21,29.59c4.21-.38,71.22-4.68,71.22-4.68l67.15,4.94-68.22,4.87S480.22,29.68,480.21,29.59Z"/><polygon id="diamondB" class="cls-1" points="450.19 23.52 344.58 16.3 449.17 8.62 556.38 16.36 450.19 23.52"/><polygon id="diamondA" class="cls-1" points="297.87 0 350.13 3.9 296.54 7.79 241.43 3.9 297.87 0"/></g></g></svg>
\ No newline at end of file
diff --git a/themes/assets/homebreweryLogo.svg b/themes/assets/homebreweryLogo.svg
new file mode 100644
index 000000000..b3e79d7ea
--- /dev/null
+++ b/themes/assets/homebreweryLogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 744.84 813.62"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Cauldron"><path id="cauldronHole" class="cls-1" d="M185.29,221.31c0,18.17,83.8,32.92,187.14,32.92s187.15-14.74,187.15-32.92c0-10.67-29.12-20.17-74.08-26.2a73.57,73.57,0,0,1-122.74-6.68C264,189.34,185.29,203.7,185.29,221.31Z"/><path id="cauldron-2" data-name="cauldron" class="cls-1" d="M744.84,494a370.24,370.24,0,0,0-77.62-227.1c10.54-13.33,13.44-26.41,13.44-36.73,0-62.65-97.64-89.18-183.59-100.38a74,74,0,0,1,3.42,21.11c0,.86-.21,1.62-.27,2.48h0a73,73,0,0,1-4.57,23.15c86.79,12.21,138.27,35.77,138.27,53.65,0,25.2-101.86,61.82-261.5,61.82s-261.5-36.62-261.5-61.82c0-24.22,94.39-58.92,243.59-61.55a82.67,82.67,0,0,1-1.91-11.66h.17c-.17-2-.6-4-.6-6.06a73.91,73.91,0,0,1,6-29.14c-64.69,1.22-294,12.38-294,108.41,0,10.32,2.9,23.4,13.44,36.73A370.22,370.22,0,0,0,0,494C0,604,49.43,685.6,140,733.33c-8.6,30-13.26,67.24,10.59,78,25,11.23,51.12-20.38,67.77-47.7,45.08,12,96.54,18.33,154,18.33s108.91-6.3,154-18.32c16.68,27.31,42.82,58.9,67.78,47.69,23.86-10.7,19.19-48,10.61-77.94C695.41,685.59,744.84,604,744.84,494ZM614.41,277.09c51.75,57.62,83.68,133.42,83.68,216.81,0,199.37-177.09,241.2-325.66,241.2S46.77,693.27,46.77,493.9c0-83.39,31.93-159.16,83.69-216.84,53,25.19,147.74,38.2,242,38.2S561.41,302.24,614.41,277.09Z"/><path id="bigBubble" class="cls-1" d="M426.32,200.67a49.86,49.86,0,1,0-49.85-49.87A49.86,49.86,0,0,0,426.32,200.67Z"/><circle id="mediumBubble" class="cls-1" cx="543.08" cy="74.06" r="34.26"/><circle id="smallBubble" class="cls-1" cx="445.02" cy="26.02" r="26.02"/></g></g></svg>
\ No newline at end of file
diff --git a/themes/assets/horizontalRule.svg b/themes/assets/horizontalRule.svg
new file mode 100644
index 000000000..9fce47809
--- /dev/null
+++ b/themes/assets/horizontalRule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 762.29 18.4"><defs><style>.cls-1{fill:#ed1f24;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="horizontalRule"><path id="mainShape" class="cls-1" d="M0,9.06S406.1,0,381.53,0,762.29,8.7,762.29,8.7s-350.49,10-381.53,9.69S0,9.06,0,9.06Z"/></g></g></svg>
\ No newline at end of file