diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_layout.scss b/web/app/themes/mitlib-parent/css/scss/partials/_layout.scss
index f9ba3103..a80400d9 100644
--- a/web/app/themes/mitlib-parent/css/scss/partials/_layout.scss
+++ b/web/app/themes/mitlib-parent/css/scss/partials/_layout.scss
@@ -306,4 +306,4 @@ html.no-js .js-hidden {
 	  	display: table;
 	  	clear: both;
   }
-}
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/pages/home.css b/web/app/themes/mitlib-parent/css/v2/pages/home.css
new file mode 100644
index 00000000..9ff662f3
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/pages/home.css
@@ -0,0 +1,303 @@
+body.v2-page {
+	background-color: var(--color-black);
+  color: var(--color-text-default);
+
+	#content {
+		background-color: var(--color-white);
+	}
+
+  
+}
+
+.wrap-page.full-width {
+	width: 100%;
+	max-width: 100%;
+}
+
+.content-wrapper, main#content > section {
+	margin: 0 auto;
+	width: 100%;
+}
+
+#content > section {
+	padding-top: var(--content-section-vertical-padding);
+	padding-bottom: var(--content-section-vertical-padding);
+
+	.content-wrapper {
+		max-width: var(--content-max-width);
+		text-align: left;
+		justify-content: flex-start;
+
+		padding-left: var(--content-side-margins);
+		padding-right: var(--content-side-margins);
+	}
+
+}
+
+/* ================ */
+/* HERO WITH SEARCH */
+/* ================ */
+#content > #hero {
+  padding: 0;
+  background-size: cover;
+  color: var(--color-text-on-color);
+
+  .overlay {
+    padding-top: calc(var(--content-section-vertical-padding) + var(--sp-600));
+    padding-bottom: var(--content-section-vertical-padding);
+    background: linear-gradient(90deg, #1A1A1A 24.52%, rgba(26, 26, 26, 0.50) 70.67%, rgba(26, 26, 26, 0.00) 100%);
+  }
+
+  .hero-content {
+    max-width: 800px;
+  }
+}
+
+/* Style for search box */
+#search-form {
+  margin: 0;
+  padding-bottom: 24px;
+
+  label {
+    font-size: 1.8rem;
+    margin-bottom: 12px;
+    font-weight: var(--font-weight-medium);
+    display: block;
+    line-height: 1;
+    color: var(--color-text-oncolor);
+  }
+
+  .form-wrapper {
+    display: flex;
+    gap: 8px;
+
+    input, button {
+      padding: 12px 20px;
+      border-radius: 0;
+      font-size: 1.8rem;
+      font-weight: var(--font-weight-medium);
+
+      margin: 0;
+
+      &:hover:not(:focus) {
+        outline: 2px solid var(--color-gray-700);
+        outline-offset: 2px;
+      }
+    }
+
+    .search-input-wrapper {
+      flex-grow: 1;
+      position: relative;
+
+      i {
+        position: absolute;
+        top: 13px;
+        left: 12px;
+        font-size: 20px;
+        color: var(--color-icon-primary);
+        pointer-events: none;
+      }
+
+      input {
+        color: var(--color-black);
+        border: none;
+        width: 100%;
+        padding-left: 46px;
+        padding-right: 48px;
+      }
+
+      #clear-search {
+        display: none;
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        height: 32px;
+        width: 32px;        
+        background: none;
+        color: var(--color-icon-primary);
+        font-size: 0;
+        padding: 2px;
+        border-radius: 100%;
+        border: 1px solid var(--color-border-default);
+        cursor: pointer;
+
+        &:hover {
+          background-color: var(--color-blue-25);
+          color: var(--color-blue-500);
+          border-color: var(--color-blue-500);
+          outline: none;
+        }
+
+        &::before {
+          content: '\f00d';
+          font-family: FontAwesome;
+          font-size: 16px;
+        }
+      }
+    } 
+    
+    button {
+      background-color: var(--color-red-600);
+      border: none;
+    }
+
+    @media (max-width: var(--bp-xs)) {
+      flex-direction: column;
+    }
+
+  }
+
+  .form-links {
+    padding-top: 12px;
+
+    a {
+      color: var(--color-white);
+      text-decoration: none;
+      border-bottom: 1px solid var(--color-red-500);
+      font-size: 1.4rem;
+    }
+
+  }
+
+  .search-actions {
+    padding-top: 16px;
+    padding-bottom: 8px;
+    display: flex;
+    justify-content: space-between;
+    gap: 24px;
+  }
+}
+
+/* ============= */
+/* TODAY'S HOURS */
+/* ============= */
+section#todays-hours {
+  background-color: var(--color-gray-900);
+  color: var(--color-text-on-color);
+  padding-top: var(--sp-300);
+  padding-bottom: var(--sp-300);
+
+  h2, ol, li {font-size: var(--font-size-md);}
+
+  h2 {
+    flex-shrink: 0;
+    margin-bottom: 0;
+    font-family: var(--font-family-base)
+  }
+
+  ol {
+    list-style: none;
+    display: flex;
+
+    li {
+      flex: 0 1 auto;
+      border-left: 1px solid var(--color-gray-800);
+      padding-left: var(--sp-600);
+
+      &:last-child {
+        border-right: 1px solid var(--color-gray-800);
+      }
+
+      span {
+        display: inline-block;
+        min-width: 120px;
+
+        &.libary-name {
+          font-weight: var(--font-weight-medium);
+        }
+        &.libary-hours, &.libary-study {
+          font-size: var(--font-size-sm);
+        }
+        &.libary-study {
+          color: var(--color-text-disabled);
+        }
+      }
+    }
+  }
+
+  a {
+    flex-shrink: 0;
+  }
+
+  .content-wrapper {
+    display: flex;
+    align-items: center;
+    gap: var(--sp-600);
+  }
+}
+
+/* =================== */
+/* USING THE LIBRARIES */
+/* =================== */
+
+#using-the-libraries {
+
+  .box-wrapper {
+    display: flex;
+    flex-direction: row;
+    gap: var(--sp-600);
+  }
+
+  .option-boxes > div, .ask-us-box {
+    background-color: var(--color-bg-subtle);
+    border-top: 3px solid var(--color-gray-300);
+    display: flex;
+    gap: var(--sp-400);
+    padding: var(--sp-500) var(--sp-500);
+
+    i {
+      background-color: var(--color-gray-200);
+      width: 48px;
+      height: 48px;
+      flex: 0 0 48px;
+      padding: 12px;
+      border-radius: var(--radius-circle);
+
+      &::before {      
+        font-size: var(--font-size-xl);
+      }
+    }
+
+
+    h3 {
+      font-size: var(--font-size-lg);
+      margin-bottom: var(--sp-100);
+    }
+
+    p {
+      font-size: var(--font-size-md);
+      color: var(--color-text-secondary);
+    }
+  }
+
+  .option-boxes {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--sp-600);
+  }
+
+  .ask-us-box {
+    border-top-color: var(--color-blue-400);
+    flex-direction: column;
+  }
+}
+
+/* ================= */
+/* FEATURED & EVENTS */
+/* ================= */
+#featured-and-events {
+  background-color: var(--color-bg-secondary);
+}
+
+/* =================== */
+/* FEATURED COLLECTION */
+/* =================== */
+#featured-collection {
+
+  .content-wrapper {
+    display: flex;
+    gap: var(--sp-1200);
+    align-items: center;
+  }
+
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/partials/footer.css b/web/app/themes/mitlib-parent/css/v2/partials/footer.css
new file mode 100644
index 00000000..b3c12a2f
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/partials/footer.css
@@ -0,0 +1,56 @@
+.footer-wrapper {
+  background-color: var(--color-black);
+  display: flex;
+  justify-content: center;
+  width: 100%;
+
+  > footer {
+    //max-width: var(--content-max-width);
+  }
+
+  .footer-main, .footer-info-institute {
+    padding-left: var(--content-side-margins);
+    padding-right: var(--content-side-margins);
+    max-width: var(--content-max-width);
+  }
+
+  
+
+  .links-all {
+    gap: var(--sp-800);
+
+    div.flex-item {
+      margin-right: 0;
+      flex-grow: 1;
+    }
+
+  }
+
+  a {text-decoration: none;}
+
+  @media only screen and (min-width: 569px) {
+    .footer-main .links-primary {margin-left: 184px;}
+  }
+
+  @media only screen and (max-width: 569px) {
+    footer {width: 100%;}
+    
+    .footer-main.flex-container {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .footer-main > div {
+      width: 100%;
+    }
+    
+    .links-primary.flex-container {
+      margin-top: var(--sp-600);
+      padding-top: var(--sp-800);
+      padding-bottom: var(--sp-800);
+      padding-left: var(--sp-500);
+    }
+  }
+
+
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/partials/header.css b/web/app/themes/mitlib-parent/css/v2/partials/header.css
new file mode 100644
index 00000000..cbd7e8a0
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/partials/header.css
@@ -0,0 +1,104 @@
+/* Adjustments to existing navigation */
+header.header-main {
+  > nav:first-child {
+      display: none;
+
+      @media only screen and (max-width: 569px) {
+        display: block;
+      }
+
+    }
+
+  .header-left, .header-right {
+    display: flex;
+  }
+
+  .header-right {
+    gap: var(--sp-800);
+
+    @media only screen and (max-width: 569px) {
+      gap: var(--sp-400);
+
+      a.hidden-non-mobile {
+        margin-left: 0;
+        margin-right: 0;
+      }
+    }
+
+    nav h2 {
+      margin-bottom: 0;
+    }
+  }
+
+  h1.name-site {
+    margin-left: 0;
+  }
+
+  a {text-decoration: none;}
+
+
+  /* Desktop style fixes */
+  @media only screen and (min-width: 569px) {
+    /* Style fixes to override old logo sizing for desktop sizes */
+    .link-logo-mit {
+      max-width: 74px; 
+    }
+
+    .name-site {max-width: 104px;}
+    .logo-mit-lib svg {max-height: 44px;}
+
+    /* Adjust navigation item sizing to new base font size */
+    .nav-main .main-nav-link {
+      padding-left: var(--sp-200);
+      padding-right: var(--sp-200);
+      padding-bottom: var(--sp-500);
+    }
+
+    .link-primary.small a {padding-top: 30px;}
+  }
+
+  
+  /* Mobile style fixes */
+  @media only screen and (max-width: 568px) {
+    
+    padding-left: 0 !important;
+    
+    button.menu--toggle {
+      width: 51px;
+      padding: 14.85px;
+    }
+    
+    .logo-mit-lib {
+      padding: 26px 8px 8px 8px;
+    }
+    .logo-mit-lib svg {max-height: 28px;}
+
+    a.hidden-non-mobile {
+      font-size: 12px;
+      font-weight: 400;
+      padding: 6.4px;
+
+      i {width: 100%;}
+    }
+  }
+
+}
+
+.header-wrapper {
+  background-color: var(--color-black);
+  display: flex;
+  justify-content: center;
+  width: 100%;
+
+  > header {
+    max-width: var(--content-max-width);
+    padding-left: calc(var(--content-side-margins) - 8px);
+    padding-right: calc(var(--content-side-margins) - 8px);		
+  }
+
+  .header-right {
+    justify-content: flex-end;
+    flex-grow: 1;
+  }
+
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/v2.css b/web/app/themes/mitlib-parent/css/v2/v2.css
new file mode 100644
index 00000000..c58dfebf
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/v2.css
@@ -0,0 +1,22 @@
+/* ==================== */
+/* DESIGN SYSTEM TOKENS */
+/* ==================== */
+
+@import url('variables/color.css');
+@import url('variables/corners.css');
+@import url('variables/effects.css');
+@import url('variables/shadows.css');
+@import url('variables/spacing.css');
+@import url('variables/typography.css');
+@import url('variables/layout.css');
+
+/* ==================== */
+/* PROJECT-LEVEL STYLES */
+/* ==================== */
+
+/* Component and template styles */
+@import url('partials/header.css');
+@import url('partials/footer.css');
+
+/* Page-level styles */
+@import url('pages/home.css');
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/color.css b/web/app/themes/mitlib-parent/css/v2/variables/color.css
new file mode 100644
index 00000000..0202e949
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/color.css
@@ -0,0 +1,158 @@
+/* ================= */
+/* CORE COLOR TOKENS */
+/* ================= */
+
+:root {
+
+  /* BLACK & WHITE */
+  --color-black: #000000;
+  --color-white: #ffffff;
+
+  /* ─── Red ─── */
+  --color-red-25:  #fff5f5;
+  --color-red-50:  #ffe5e5;
+  --color-red-100: #ffcccc;
+  --color-red-200: #ff9999;
+  --color-red-300: #ff6666;
+  --color-red-400: #ff3333;
+  --color-red-500: #ff0000;
+  --color-red-600: #e50000;
+  --color-red-700: #cc0000;
+  --color-red-800: #990000;
+  --color-red-900: #660000;
+  --color-red-950: #330000;
+  --color-red-975: #1a0000;
+
+  /* ─── Blue ─── */
+  --color-blue-25:  #f0f0ff;
+  --color-blue-50:  #e5e5ff;
+  --color-blue-100: #ccccff;
+  --color-blue-200: #9999ff;
+  --color-blue-300: #6666ff;
+  --color-blue-400: #3333ff;
+  --color-blue-500: #0000ff;
+  --color-blue-600: #0000e5;
+  --color-blue-700: #0000cc;
+  --color-blue-800: #000099;
+  --color-blue-900: #000066;
+  --color-blue-950: #000033;
+  --color-blue-975: #00001a;
+
+  /* ─── Cyan ─── */
+  --color-cyan-25:  #f0fcff;
+  --color-cyan-50:  #e5f9ff;
+  --color-cyan-100: #ccf4ff;
+  --color-cyan-200: #99e9ff;
+  --color-cyan-300: #66deff;
+  --color-cyan-400: #33d3ff;
+  --color-cyan-500: #00c8ff;
+  --color-cyan-600: #00b4e5;
+  --color-cyan-700: #00a0cc;
+  --color-cyan-800: #007899;
+  --color-cyan-900: #005066;
+  --color-cyan-950: #002833;
+  --color-cyan-975: #00141a;
+
+  /* ─── Gray ─── */
+  --color-gray-25:  #fafafa;
+  --color-gray-50:  #f7f7f7;
+  --color-gray-100: #f5f5f5;
+  --color-gray-200: #e6e6e6;
+  --color-gray-300: #cccccc;
+  --color-gray-400: #b3b3b3;
+  --color-gray-500: #999999;
+  --color-gray-600: #808080;
+  --color-gray-700: #666666;
+  --color-gray-800: #4d4d4d;
+  --color-gray-900: #333333;
+  --color-gray-950: #1a1a1a;
+  --color-gray-975: #0d0d0d; 
+
+  /* ─── Green ─── */
+  --color-green-25:  #f0fff0;
+  --color-green-50:  #e5ffe5;
+  --color-green-100: #ccffcc;
+  --color-green-200: #99ff99;
+  --color-green-300: #66ff66;
+  --color-green-400: #33ff33;
+  --color-green-500: #00ff00;
+  --color-green-600: #00e500;
+  --color-green-700: #00c200;
+  --color-green-800: #009900;
+  --color-green-900: #006600;
+  --color-green-950: #003300;
+  --color-green-975: #001a00;
+
+  /* ─── Magenta ─── */
+  --color-magenta-25:  #fff5ff;
+  --color-magenta-50:  #fff0ff;
+  --color-magenta-100: #ffe5ff;
+  --color-magenta-200: #ffccff;
+  --color-magenta-300: #ff99ff;
+  --color-magenta-400: #ff66ff;
+  --color-magenta-500: #ff33ff;
+  --color-magenta-600: #e500e5;
+  --color-magenta-700: #cc00cc;
+  --color-magenta-800: #990099;
+  --color-magenta-900: #660066;
+  --color-magenta-950: #330033;
+  --color-magenta-975: #1a001a;
+
+  /* ─── Yellow ─── */
+  --color-yellow-25:  #fffdf0;
+  --color-yellow-50:  #fffbe5;
+  --color-yellow-100: #fff7cc;
+  --color-yellow-200: #ffef99;
+  --color-yellow-300: #ffe766;
+  --color-yellow-400: #ffdf33;
+  --color-yellow-500: #ffd700;
+  --color-yellow-600: #e5c100;
+  --color-yellow-700: #ccac00;
+  --color-yellow-800: #998100;
+  --color-yellow-900: #665600;
+  --color-yellow-950: #332b00;
+  --color-yellow-975: #1a1600;
+}
+
+/* =============== */
+/* SEMANTIC COLORS */
+/* =============== */
+
+:root {
+
+  /* ─── Text ─── */
+  --color-text-default:     var(--color-gray-950);
+  --color-text-secondary:   var(--color-gray-800);
+  --color-text-placeholder: var(--color-gray-500);
+  --color-text-disabled:    var(--color-gray-400);
+  --color-text-suggestion:  var(--color-magenta-800);
+  --color-text-on-color:    var(--color-white);
+
+  /* ─── Focus ─── */
+  --color-focus-light: var(--color-cyan-700);
+  --color-focus-dark:  var(--color-cyan-500);
+
+  /* ─── Background ─── */
+  --color-bg-default:  var(--color-white);
+  --color-bg-subtle:  var(--color-gray-25); 
+  --color-bg-secondary:  var(--color-gray-100); 
+  --color-bg-disabled: var(--color-gray-400);
+
+  /* ─── Border ─── */
+  --color-border-information: var(--color-cyan-800);
+  --color-border-success:     var(--color-green-800);
+  --color-border-warning:     var(--color-yellow-500);
+  --color-border-danger:      var(--color-red-500);
+  --color-border-suggestion:  var(--color-magenta-800);
+
+  /* ─── Icon ─── */
+  --color-icon-information: var(--color-cyan-800);
+  --color-icon-success:     var(--color-green-800);
+  --color-icon-warning:     var(--color-black);
+  --color-icon-danger:      var(--color-red-500);
+  --color-icon-suggestion:  var(--color-magenta-800);
+
+  /* ─── Focus ─── */
+  --color-focus-light: var(--color-cyan-700);
+  --color-focus-dark:  var(--color-cyan-500);
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/corners.css b/web/app/themes/mitlib-parent/css/v2/variables/corners.css
new file mode 100644
index 00000000..38c65c40
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/corners.css
@@ -0,0 +1,16 @@
+/* ============== */
+/* SPACING TOKENS */
+/* ============== */
+
+/* These tokens preserve the appropriate ratios of spacing comapred to our base spacing unit */
+
+:root {
+  --radius-none:   0;
+  --radius-xs:     2px;
+  --radius-sm:     4px;
+  --radius-md:     6px;
+  --radius-lg:     8px;
+  --radius-xl:     12px;
+  --radius-2xl:    24px;
+  --radius-circle: 100%;
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/effects.css b/web/app/themes/mitlib-parent/css/v2/variables/effects.css
new file mode 100644
index 00000000..3e9cbf0e
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/effects.css
@@ -0,0 +1,4 @@
+*:focus-visible {
+  outline: 2px solid var(--color-focus-light) !important;
+  outline-offset: 2px;
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/layout.css b/web/app/themes/mitlib-parent/css/v2/variables/layout.css
new file mode 100644
index 00000000..6945de6d
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/layout.css
@@ -0,0 +1,24 @@
+:root {
+
+	/* Breakpoints */
+	--bp-xs: 375px;
+	--bp-sm: 480px;
+	--bp-md: 720px;
+	--bp-lg: 1024px;
+
+	/* Container calculations */
+	--content-side-margins: 32px;
+
+	--actual-max-width: 1280px; /* What we want the max width to work out to, margins included */
+	--content-max-width: calc(var(--actual-max-width) - (var(--content-side-margins) * 2));
+	
+	--content-section-vertical-padding: 48px;
+}
+
+@media only screen and (max-width: 720px) {
+  :root{--content-side-margins: 24px;}  
+}
+
+@media only screen and (max-width: 480px) {
+  :root{--content-side-margins: 16px;}
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/shadows.css b/web/app/themes/mitlib-parent/css/v2/variables/shadows.css
new file mode 100644
index 00000000..e69de29b
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/spacing.css b/web/app/themes/mitlib-parent/css/v2/variables/spacing.css
new file mode 100644
index 00000000..baa1bf0e
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/spacing.css
@@ -0,0 +1,34 @@
+/* ============== */
+/* SPACING TOKENS */
+/* ============== */
+
+/* These tokens preserve the appropriate ratios of spacing comapred to our base spacing unit */
+
+/* BASE TOKEN SCALE */
+:root {
+  --sp-base: 4px; /* This is the base spacing unit of the scale below */
+
+  --sp-0:    0;
+  --sp-025:  calc(var(--sp-base) * 0.25); /* 1px */
+  --sp-050:  calc(var(--sp-base) * 0.5);  /* 2px */
+  --sp-100:  calc(var(--sp-base) * 1);    /* 4px */
+  --sp-150:  calc(var(--sp-base) * 1.5);  /* 6px */
+  --sp-200:  calc(var(--sp-base) * 2);    /* 8px */
+  --sp-300:  calc(var(--sp-base) * 3);    /* 12px */
+  --sp-400:  calc(var(--sp-base) * 4);    /* 16px */
+  --sp-500:  calc(var(--sp-base) * 5);    /* 20px */
+  --sp-600:  calc(var(--sp-base) * 6);    /* 24px */
+  --sp-800:  calc(var(--sp-base) * 8);    /* 32px */
+  --sp-1000: calc(var(--sp-base) * 10);   /* 40px */
+  --sp-1200: calc(var(--sp-base) * 12);   /* 48px */
+  --sp-1600: calc(var(--sp-base) * 16);   /* 64px */
+  --sp-2000: calc(var(--sp-base) * 20);   /* 80px */
+  --sp-2400: calc(var(--sp-base) * 24);   /* 96px */
+  --sp-2800: calc(var(--sp-base) * 28);   /* 112px */
+  --sp-3200: calc(var(--sp-base) * 32);   /* 128px */  
+}
+
+/* SEMANTIC SPACING VALUES */
+:root {
+  --sp-button-group-gap: var(--sp-200); /* Defines the horizontal space between grouped buttons */
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/css/v2/variables/typography.css b/web/app/themes/mitlib-parent/css/v2/variables/typography.css
new file mode 100644
index 00000000..a0d5db70
--- /dev/null
+++ b/web/app/themes/mitlib-parent/css/v2/variables/typography.css
@@ -0,0 +1,129 @@
+/* ===================== */
+/* RESET V1 TYPE STYLING */
+/* ===================== */
+
+h1, h2, h3, h4, h5, h6, p {
+  margin: 0;
+  padding: 0;
+}
+
+/* =================== */
+/* START OF V2 STYLING */
+/* =================== */
+
+/* DESIGN SYSTEM TOKENS */
+:root {
+  --font-family-base: neue-haas-grotesk-text, Helvetica, Arial, sans-serif;
+  --font-family-heading: neue-haas-grotesk-display, Helvetica, Arial, sans-serif;
+
+  /* Font Sizes */
+  --font-size-base: 1.6rem; /* 16px */
+
+  --font-size-3xl: 4.0rem; /* 40px */
+  --font-size-2xl: 3.2rem; /* 32px */
+  --font-size-xl:  2.4rem; /* 24px */
+  --font-size-lg:  2.0rem; /* 20px */
+  --font-size-md:  1.6rem; /* 16px */
+  --font-size-sm:  1.4rem; /* 14px */
+  --font-size-xs:  1.2rem; /* 12px */
+  --font-size-2xs: 1.1rem; /* 11px */
+  --font-size-3xs: 1.0rem; /* 10px */
+
+  /* Font Weights */
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* Line Heights */
+  --font-lh-base: 1.25;
+}
+
+/* APPLYING TO V2 THEME */
+:root {
+  font-size: 62.5%; /* Sets 1rem to equal 10px, making it easier to calculate sizes based on a 10px base */
+}
+
+body {
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+}
+
+/* Baseline Heading Styles */
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-family-heading);
+  font-weight: 600;
+  line-height: 1.25
+}
+
+h1 {
+  font-size: var(--font-size-3xl); /* 40px */
+}
+
+h2 {
+  font-size: var(--font-size-2xl); /* 32px */
+  margin-bottom: var(--sp-600);
+}
+
+h3 {
+  font-size: var(--font-size-xl); /* 24px */
+}
+
+h4 {
+  font-size: var(--font-size-lg); /* 20px */
+}
+
+h5 {
+  font-size: var(--font-size-md); /* 16px */
+}
+
+h6 {
+  font-size: var(--font-size-sm); /* 14px */
+}
+
+p {
+  line-height: 1.35;
+}
+
+
+/* Link styles */
+a {
+  text-decoration: underline;
+  text-decoration-color: var(--color-blue-500);
+  text-underline-offset: 0.4rem;
+  font-weight: var(--font-weight-medium);
+
+  &:hover {
+    color: var(--color-blue-500);
+  }
+}
+
+a.link-no-underline {
+  text-decoration: none;
+  color: inherit;
+
+  &:hover {
+    text-decoration: underline;
+    text-decoration-color: var(--color-gray-500);
+  }
+}
+
+a.link-on-dark {
+  color: var(--color-text-on-color);
+  text-decoration-color: var(--color-red-500);
+
+  &:hover {
+    color: var(--color-red-500);
+  }
+}
+
+a.arrow-right {
+
+  &::after {
+    content: '\f061';
+    font-family: FontAwesome;
+    font-size: 1.2rem;
+    text-decoration: none !important;
+    padding-left: var(--sp-100);
+  }
+}
\ No newline at end of file
diff --git a/web/app/themes/mitlib-parent/footer-v2.php b/web/app/themes/mitlib-parent/footer-v2.php
new file mode 100644
index 00000000..4b876067
--- /dev/null
+++ b/web/app/themes/mitlib-parent/footer-v2.php
@@ -0,0 +1,30 @@
+<?php
+/**
+ * The template for displaying the footer.
+ *
+ * @package MITlib_Parent
+ * @since 0.0.1
+ */
+
+namespace Mitlib\Parent;
+
+?>
+	<section class="footer-wrapper">
+		<footer>
+
+			<?php get_template_part( 'inc/footer', 'main' ); ?>
+
+			<div class="footer-info-institute">
+				<a class="link-logo-mit" href="https://www.mit.edu">
+					<img src="https://cdn.libraries.mit.edu/files/branding/local/mit_lockup_std-three-line_rgb_white.svg" alt="MIT" width="152">
+				</a>
+
+				<div class="license">Content created by the MIT Libraries, <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC</a> unless otherwise noted. <a href="https://libraries.mit.edu/research-support/notices/copyright-notify/">Notify us about copyright concerns</a>.</div>
+			</div><!-- End div.footer-info-institure -->
+		</footer>
+	</section><!-- End section.footer-wrapper -->
+</div><!-- End div.wrap-page -->
+
+<?php wp_footer(); ?>
+</body>
+</html>
diff --git a/web/app/themes/mitlib-parent/functions.php b/web/app/themes/mitlib-parent/functions.php
index cf08321c..9805865e 100644
--- a/web/app/themes/mitlib-parent/functions.php
+++ b/web/app/themes/mitlib-parent/functions.php
@@ -171,8 +171,13 @@ function setup_scripts_styles() {
 
 	wp_register_style( 'super-admin', get_template_directory_uri() . '/css/super-admin.css', array(), $theme_version, false );
 
+	wp_register_style( 'v2', get_template_directory_uri() . '/css/v2/v2.css', array(), $theme_version );
+
+
 	wp_register_style( 'adobe-fonts', '//use.typekit.net/ixd2vgq.css', array(), $theme_version );
 
+	wp_register_style( 'fontawesome', '//cdn.libraries.mit.edu/files/fontawesome/7.1.0/css/all.min.css', array(), $theme_version );
+
 	/**
 	 * Register javascript.
 	 */
@@ -254,7 +259,14 @@ function setup_scripts_styles() {
 	wp_enqueue_style( 'parent-global' );
 	wp_enqueue_style( 'parent-ie', get_template_directory_uri() . '/css/ie.css', array( 'parent-styles' ), '20121010' );
 	wp_style_add_data( 'parent-ie', 'conditional', 'lt IE 9' );
+	
 	wp_enqueue_style( 'adobe-fonts' );
+	
+	// Conditonally load v2 styles for only pages with the v2 header
+	if (is_page_template( 'templates/page-home-v2.php' )) {
+		wp_enqueue_style( 'v2' );
+		wp_enqueue_style( 'fontawesome' );
+	}
 
 	/**
 	 * Conditionally enqueue assets.
diff --git a/web/app/themes/mitlib-parent/header-v2.php b/web/app/themes/mitlib-parent/header-v2.php
new file mode 100644
index 00000000..18bc294a
--- /dev/null
+++ b/web/app/themes/mitlib-parent/header-v2.php
@@ -0,0 +1,68 @@
+<?php
+/*
+ * Template Name: Header V2
+ */
+/**
+ *
+ * Updated header template originating during the homepage redesign project.
+ * 
+ * @package MITlib_Parent
+ * @since 0.0.1
+ */
+
+namespace Mitlib\Parent;
+
+$menu = 'full';
+if ( 'slim' === get_option( 'menu_style_setting' ) ) {
+	$menu = 'slim';
+}
+?><!DOCTYPE html>
+<!--[if lte IE 9]><html class="no-js lte-ie9" lang="en"><![endif]-->
+<!--[if !(IE 8) | !(IE 9) ]><!-->
+<html <?php language_attributes(); ?> class="no-js">
+<!--<![endif]-->
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>" />
+	<!-- <meta name="format-detection" content="telephone=no"> -->
+	<!--<meta name="viewport" content="width=device-width" />-->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta name="description" content="The libraries of the Massachusetts Institute of Technology - Search, Visit, Research, Explore" />
+	<title><?php wp_title( '|', true, 'right' ); ?></title>
+	<?php get_template_part( 'inc/header', 'opengraph' ); ?>
+	<link rel="profile" href="https://gmpg.org/xfn/11" />
+	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
+	<link rel="icon" href="https://cdn.libraries.mit.edu/files/branding/favicons/favicon.ico" sizes="32x32">
+	<link rel="icon" href="https://cdn.libraries.mit.edu/files/branding/favicons/favicon.svg" type="image/svg+xml">
+	<link rel="apple-touch-icon" href="https://cdn.libraries.mit.edu/files/branding/favicons/apple-touch-icon.png"><!-- 180×180 -->
+	<link rel="manifest" href="https://cdn.libraries.mit.edu/files/branding/favicons/manifest.json">
+	<?php wp_head(); ?>
+	<script>
+		todayDate="";
+	</script>
+</head>
+
+<body <?php body_class('v2-page'); ?>>
+	<div id="skip"><a href="#content">Skip to Main Content</a></div>
+
+	<div class="wrap-page full-width">
+		<section class="header-wrapper">
+			<header class="header-main flex-container flex-end">
+				<div class="header-left">	
+					<?php if ( 'full' === $menu ) { ?>
+						<?php get_template_part( 'inc/nav', 'hamburger' ); ?>
+					<?php } ?>
+					<?php get_template_part( 'inc/liblogo' ); ?>
+				</div>
+				<div class="header-right">
+						<?php get_template_part( 'inc/search', 'main' ); ?>
+					<?php if ( 'full' === $menu ) { ?>
+						<?php get_template_part( 'inc/nav', 'main' ); ?>
+					<?php } ?>
+					<a class="link-logo-mit" href="http://www.mit.edu"><img src="https://cdn.libraries.mit.edu/files/branding/local/mit_logo_std_rgb_white.svg" height="32" alt="MIT logo" >
+					</a><!-- End MIT Logo -->
+					<?php if ( 'full' === $menu ) { ?>
+						<?php get_template_part( 'inc/nav', 'smalldisplays' ); ?>
+					<?php } ?>
+				</div>
+			</header>
+		</section>
diff --git a/web/app/themes/mitlib-parent/templates/page-home-v2.php b/web/app/themes/mitlib-parent/templates/page-home-v2.php
new file mode 100644
index 00000000..daed2d90
--- /dev/null
+++ b/web/app/themes/mitlib-parent/templates/page-home-v2.php
@@ -0,0 +1,153 @@
+<?php
+/**
+ * Template Name: Home Page v2
+ *
+ * This template builds the site homepage. It it applied to a Page record, but
+ * no fields from that Page are ever displayed.
+ *
+ * @package MITlib_Parent
+ * @since 0.0.1
+ */
+
+namespace Mitlib\Parent;
+
+get_header( 'v2' ); ?>
+
+<main id="content">
+
+<?php
+// Gets the featured image for the hero section.
+if ( has_post_thumbnail() ) {
+    $image_url = get_the_post_thumbnail_url( get_the_ID(), 'full' );
+}
+?>
+
+	<section id="hero" style="background-image: url(<?php echo esc_url( $image_url ); ?>);">
+	<div class="overlay">	
+		<div class="content-wrapper">
+				<div class="hero-content">
+					<h1>Welcome to the MIT Libraries</h1>
+					<form id="search-form" action="" method="" role="search">
+						<label for="basic-search-main">What can we help you find?</label>
+						<div class="form-wrapper">
+							<div class="search-input-wrapper">
+								<i class="fa-regular fa-magnifying-glass"></i>
+								<input id="basic-search-main" type="search" class="field field-text basic-search-input" name="q" title="Keyword anywhere" value="" required="">
+								<button title="Clear search" aria-label="Clear search" type="button" id="clear-search" style="display: none;">Clear search</button>
+							</div>
+							<input id="tab-to-target" type="hidden" name="tab" value="all">
+							<button type="submit" class="btn button-primary">Search</button>
+						</div>
+						<div class="search-actions">
+							<a class="link-on-dark" href="https://libraries.mit.edu/search-advanced">Advanced search</a>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section id="todays-hours">
+		<div class="content-wrapper">
+			<h2>Today's hours</h2>
+			<ol class="hours-list">
+				<li>
+					<span class="libary-name"><a class="link-no-underline" href="#">Hayden Library</a></span>
+					<span class="libary-hours">9am &#150; 9pm today</span>
+					<span class="libary-study">
+						<i class="fa-light fa-moon"></i>
+						24/7 study
+					</span>
+				</li>
+				<li>
+					<span class="libary-name"><a class="link-no-underline" href="#">Rotch Library</a></span>
+					<span class="libary-hours">9am &#150; 9pm today</span>
+					<span class="libary-study">
+						<i class="fa-light fa-moon"></i>
+						24/7 study
+					</span>
+				</li>				
+				<li>
+					<span class="libary-name"><a class="link-no-underline" href="#">Barker Library</a></span>
+					<span class="libary-hours">9am &#150; 9pm today</span>
+					<span class="libary-study">
+						<i class="fa-light fa-moon"></i>
+						24/7 study
+					</span>
+				</li>
+				<li>
+					<span class="libary-name"><a class="link-no-underline" href="#">Lewis Music Library</a></span>
+					<span class="libary-hours">9am &#150; 9pm today</span>
+					<span class="libary-study"></span>
+				</li>						
+			</ol>
+			<a href="#" class="arrow-right link-on-dark">See all locations and hours</a>
+		</div>
+	</section>	
+	<section id="using-the-libraries">
+		<div class="content-wrapper">
+			<h2>Using the Libraries</h2>
+			<div class="box-wrapper">
+			<div class="option-boxes">
+				<div>
+					<i class="fa-light fa-lightbulb"></i>
+					<div class="option-box-content">
+						<h3><a href="#">Find a study space</a></h3>
+						<p>Quiet and group spaces - many available 24/7</p>
+					</div>
+				</div>
+				<div>
+					<i class="fa-light fa-file-alt"></i>
+					<div class="option-box-content">
+						<h3><a href="#">Get materials</a></h3>
+						<p>Learn how to access articles, books, and more</p>
+					</div>
+				</div>
+				<div>
+					<i class="fa-light fa-book"></i>
+					<div class="option-box-content">
+						<h3><a href="#">Explore research guides & librarians</a></h3>
+						<p>Guides and librarians for every research interest.</p>
+					</div>
+				</div>
+				<div>
+					<i class="fa-light fa-calendar"></i>
+					<div class="option-box-content">
+						<h3><a href="#">Schedule a research consultation</a></h3>
+						<p>For complex research questions</p>
+					</div>
+				</div>												
+			</div>
+			<div class="ask-us-box">
+					<i class="fa-light fa-messages-question"></i>
+					<div class="option-box-content">
+						<h3>Ask us</h3>
+						<p>Get help via email, chat and more.</p>
+						<a class="button" href="#">See options</a>
+					</div>
+			</div>
+		</div>
+	</section>
+	<section id="featured-and-events">
+		<div class="content-wrapper">
+			<h2>Featured + Events</h2>
+		</div>
+	</section>
+	<section id="featured-collection">
+		<div class="content-wrapper">
+			<div class="featured-collection-image">
+				<img src="https://libraries.mit.edu/app/uploads/sites/13/2025/10/Digital_Display_InkStone-2-624x886.jpg" alt="Image from the Maihaugen Gallery exhibit, Ink, Stone, and Silver Light. It shows a display case with an open book, a stone object, and a silver object, all on a red background.">
+			</div>
+			<div class="featured-collection-content">
+				<p class="eyebrow">Maihaugen Gallery Exhibit</p>
+				<h2>Ink, Stone, and Silver Light</h2>
+				<p>This exhibition draws on archival materials from the Aga Khan Documentation Center at MIT (AKDC) to explore a century of cultural heritage preservation in Aleppo, Syria. </p>
+				<a class="button" href="#">Check it out</a>
+			</div>
+		</div>
+	</section>
+
+</main>
+
+<?php
+	get_footer( 'v2' );
+?>