diff --git a/assets/static/css/style.css b/assets/static/css/style.css
new file mode 100644
index 00000000..8fc9a777
--- /dev/null
+++ b/assets/static/css/style.css
@@ -0,0 +1,3 @@
+@import "/assets/static/vocabulary/css/vocabulary.css" layer(vocabulary);
+
+/*put local styles here*/
diff --git a/content/contents.lr b/content/contents.lr
index c4b8f8cf..6b1b0fc1 100644
--- a/content/contents.lr
+++ b/content/contents.lr
@@ -11,27 +11,26 @@ We have been building <span class="has-text-forest-green">free software</span> a
 ----
 links:
 
-<p class="hero-description">We work on code and products that support digital creativity and sharing, from usability of our legal tools to enabling discovery of CC-licensed content.</p>
-<div class="hero-links">
+<p>We work on code and products that support digital creativity and sharing, from usability of our legal tools to enabling discovery of CC-licensed content.</p>
   <!-- Button linking to the developer community page -->
-  <a class="button small is-success row" href="/community">
+  <a href="/community">
     Join the Developer Community
+    <!-- TODO: Evaluate legacy design button -->
   </a>
-</div>
 
-<p class="hero-description">This site is for developers looking to contribute, but anyone can use CC tools to share their works.</p>
-<div class="hero-links">
+<p>This site is for developers looking to contribute, but anyone can use CC tools to share their works.</p>
   <!-- Button linking to the Creative Commons "Share your work" page -->
-  <a class="button small row" href="https://creativecommons.org/share-your-work/">
+  <a href="https://creativecommons.org/share-your-work/">
     Share your work using our licenses/tools
+    <!-- TODO: Evaluate legacy design button -->
   </a>
-</div>
 
+<!--TODO: Refactor code for the get involved section? -->
 #### get-involved ####
 title:
 
 <h2>Get Involved</h2>
-<p class="get-involved-description">Help CC’s mission by contributing to our products, integrating our tools into your project, or using our plugins. We have a small team and really appreciate your involvement!</p>
+<p>Help CC’s mission by contributing to our products, integrating our tools into your project, or using our plugins. We have a small team and really appreciate your involvement!</p>
 ----
 links_product:
 
diff --git a/themes/vocabulary_theme/templates/blocks/featured-projects.html b/themes/vocabulary_theme/templates/blocks/featured-projects.html
index abc317c9..33f6201c 100644
--- a/themes/vocabulary_theme/templates/blocks/featured-projects.html
+++ b/themes/vocabulary_theme/templates/blocks/featured-projects.html
@@ -1,50 +1,43 @@
-<section class="featured-projects">
-  <div class="container">
-    <div class="level">
-      <h2 class="is-paddingless level-left">
-        {{ this.title }}
-      </h2>
-      <span class="level-right">
-        <a class="project-page-link" href="/contributing-code/projects/">See all available projects <i class="icon angle-right"></i></a>
-      </span>
-    </div>
-    <div class="project-list columns is-multiline">
+<article class="projects">
+    <h2>{{ this.title }}</h2>
+    <ul>
       {% for repo in bag('repos.repos') %}
       {% if repo.featured %}
-        <div class="column is-one-third">
-          <article class="card entry-post vertical project-index">
-            <div class="card-content">
-              <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}</a></h4>
-              <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}">
-                <span>Visit site</span>
-                <i class="icon external-link"></i>
-              </a>
-              <div class="content">
-                {{ repo.description }}
-              </div>
-              <div class="labels">
-                {% for technology in repo.technologies %}
-                  <button class="button tag">{{ technology }}</button>
-                {% endfor %}
-              </div>
-              <div class="external-links">
-                <a class="button is-text tiny" href="{{ repo.url }}">
-                  <i class="icon github"></i>
-                  <span class="link-content">Github Repository</span>
-                </a>
-                {% if repo.slack %}
-                  <br>
-                  <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
-                    <i class="icon slack"></i>
-                    <span class="link-content">Slack channel (#{{ repo.slack }})</span>
-                  </a>
-                {% endif %}
-              </div>
-            </div>
-          </article>
-        </div>
-      {% endif %}
+        <li>
+            <article class="project">
+                <h3><a href="{{ repo.url }}">{{ repo.english_name }}</a></h3>
+                <p>{{ repo.description }}</p>
+            </article>
+        </li>
+
+<!--TODO: Reintroduce external links, tags, and Slack in future updates -->
+                
+<!-- old HTML for reference commented out for now -->
+<!-- 
+ <div class="external-links">
+    <a class="button is-text tiny" href="{{ repo.url }}">
+        <i class="icon github"></i>
+    <span class="link-content">Github Repository</span>
+    </a>
+    {% if repo.slack %}
+      <br>
+    <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
+    <i class="icon slack"></i>
+    <span class="link-content">Slack channel (#{{ repo.slack }})</span>
+     </a>
+  {% endif %}
+  </div> 
+  -->  
+           
+ <!-- old tags structure for reference commented out for now -->
+<!-- 
+ <div class="labels">
+    {% for technology in repo.technologies %}
+    <button class="button tag">{{ technology }}</button>
     {% endfor %}
     </div>
-  </div>
-</section>
+-->
+      {% endif %}
+    {% endfor %}
+    </ul>
+</article>
diff --git a/themes/vocabulary_theme/templates/blocks/get-involved.html b/themes/vocabulary_theme/templates/blocks/get-involved.html
index 8a967374..c6ceecca 100644
--- a/themes/vocabulary_theme/templates/blocks/get-involved.html
+++ b/themes/vocabulary_theme/templates/blocks/get-involved.html
@@ -1,19 +1,21 @@
-<section class="get-involved">
-  <div class="container">
-    <div class="column is-9 is-paddingless">
-      {{ this.title }}
-    </div>
-
-    <div class="columns get-involved-links">
-      <div class="column is-one-third">
-        {{ this.links_product }}
-      </div>
-      <div class="column is-one-third">
-        {{ this.links_integrate }}
-      </div>
-      <div class="column is-one-third">
-        {{ this.links_plugins }}
-      </div>
-    </div>
-  </div>
-</section>
+<article class="projects">
+  <h2>{{ this.title }}</h2>
+  <ul>
+    <li>
+      <article class="project">
+        <h3>{{ this.links_product }}</h3>
+      </article>
+    </li>
+    <li>
+      <article class="project">
+        <h3>{{ this.links_integrate }}</h3>
+      </article>
+    </li>
+    <li>
+      <article class="project">
+        <h3>{{ this.links_plugins }} </h3>
+        <!--Evaluate: Vocabulary markup uses <a> tags here also. To retain?-->
+      </article>
+    </li>
+  </ul>
+</article>
diff --git a/themes/vocabulary_theme/templates/blocks/hero.html b/themes/vocabulary_theme/templates/blocks/hero.html
index 31358db0..c3f8c5b1 100644
--- a/themes/vocabulary_theme/templates/blocks/hero.html
+++ b/themes/vocabulary_theme/templates/blocks/hero.html
@@ -1,17 +1,7 @@
-<section class="hero">
-  <div class="container">
-    <div class="hero-title column is-12 is-paddingless">
-      <h1>
-        {{ this.title }}
-      </h1>
-    </div>
-    <div class="columns margin-right-0">
-      <div class="column is-5">
+<article>
+    <h2> {{ this.title }} </h2>
+    <div class="description">
         {{ this.links }}
-      </div>
     </div>
-  </div>
-  <div class="level-right hero-image">
     <img class="image" src="./github.svg" />
-  </div>
-</section>
+</article>
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
index a2f1843f..e202a664 100644
--- a/themes/vocabulary_theme/templates/layout.html
+++ b/themes/vocabulary_theme/templates/layout.html
@@ -2,9 +2,12 @@
 <html lang="en">
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
-<link rel="stylesheet" href="{{ '/static/gen/style.css'|url }}">
+<link rel="icon"  href="{{ '/static/vocabulary/favicon/favicon.ico'|url }}" sizes="any">
+<link rel="icon" href="{{ '/static/vocabulary/favicon/favicon.svg' |url }}" type="image/svg+xml">
+<link rel="manifest" href="{{ '/static/vocabulary/favicon/manifest.webmanifest' |url }}">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/static/vocabulary/favicon/apple-touch-icon.png' |url}}" />
 <link rel="stylesheet" href="{{ '/static/vocabulary/css/vocabulary.css'|url }}">
+<link rel="stylesheet" href="{{ '/static/css/style.css'|url }}">
 <link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
 <meta property="og:site_name" content="Creative Commons" />
 <meta property="og:title" content="{{ this.title }}" />
@@ -41,99 +44,30 @@
 <body class="blog-index">
 
 <a class="skip-to-content" href="#main-content-marker">Skip to content</a>
-
 <header>
     <div class="masthead">
-      <h1><a class="identity-logo product" href="{{ '/'|url }}">Open Source</a></h1>
+        <h1><a class="identity-logo product" href="{{ '/'|url }}">Open source</a></h1>
         <button class="expand-menu">Menu</button>
         <nav class="primary-menu">
             <ul>
-                <li><a class="navbar-item {% if this.is_child_of('/blog') %} is-active{% endif%}" href="{{ '/blog/entries'|url }}">
-                  Blog
-                </a></li>
-                <li><div class="navbar-item has-dropdown is-hoverable">
-                  <a class="navbar-link is-arrowless {% if this.is_child_of('/contributing-code') %} is-active{% endif%}" tabindex="0">
-                    Contribute</a>
-                  <div class="navbar-dropdown">
-                    {% for href, title in [
-                      ['/contributing-code', 'Contribution Guidelines'],
-                      ['/contributing-code/projects', 'Project List'],
-                      ['/contributing-code/issue-finder', 'Issue Finder'],
-                      ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
-                      ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
-                      ['/contributing-code/repo-labels', 'Repository Labels'],
-                      ['/contributing-code/foundational-tech', 'Foundational technologies'],
-                      ['/contributing-code/documentation-guidelines', 'Documentation Guidelines'],
-                      ['/contributing-code/javascript-guidelines', 'JavaScript Guidelines'],
-                      ['/contributing-code/python-guidelines', 'Python Guidelines'],
-                      ['/contributing-code/translation-guide', 'Translation Guide'],
-                      ['/contributing-code/usability', 'Usability'],
-                    ] %}
-                      <a class="navbar-item" href="{{ href|url }}">{{ title }}</a>
-                    {% endfor %}
-                  </div>
-                </div></li>
-                <li><div class="navbar-item has-dropdown is-hoverable">
-                  <a class="navbar-link is-arrowless {% if this.is_child_of('/community') %} is-active{% endif%}" tabindex="0">
-                    Community</a>
-                  <div class="navbar-dropdown is-active">
-                    {% for href, title in [
-                      ['/community', 'Join the Community'],
-                      ['/community/community-team', 'Community Team'],
-                      ['/community/community-team/members', 'Community Team Members'],
-                      ['/community/community-team/project-roles', 'Project Roles'],
-                      ['/community/community-team/community-building-roles', 'Community Building Roles'],
-                      ['/community/write-a-blog-post', 'Write a Blog Post'],
-                      ['/community/code-of-conduct', 'Code of Conduct'],
-                      ['/community/code-of-conduct/enforcement', 'Code of Conduct Enforcement'],
-                      ['/community/supporters', 'Supporters'],
-                    ] %}
-                      <a class="navbar-item" href="{{ href|url }}">{{ title }}</a>
-                    {% endfor %}
-                  </div>
-                </div></li>
-                <li><div class="navbar-item has-dropdown is-hoverable">
-                  <a class="navbar-link is-arrowless {% if this.is_child_of('/programs') %} is-active{% endif%}" tabindex="0">
-                    Work Programs</i></a>
-                  <div class="navbar-dropdown">
-                    {% for href, title in [
-                      ['/programs', 'Overview'],
-                      ['/programs/project-ideas', 'Project Ideas'],
-                      ['/programs/applicant-guide', 'Applicant Guide'],
-                      ['/programs/contrib-guide', 'Contributor Guide'],
-                      ['/programs/lead-guide', 'Project Lead Guide'],
-                      ['/programs/history', 'History'],
-                    ] %}
-                      <a class="navbar-item" href="{{ href|url }}">{{ title }}</a>
-                    {% endfor %}
-                  </div>
-                </div></li>
+                <li><a href="{{ '/blog/entries'| url }}">Blog</a></li>
+                <li><a href="{{ '/contributing-code' | url }}">Contribute</a></li>
+                <li><a href="{{ '/community'| url }}">Community</a></li>
+                <li><a href="{{ '/programs' | url  }}">Work Programs</a></li>
             </ul>
-          </nav>
+            <!--TODO: Evaluate use of dropdown/secondary menu-->
+        </nav>
 
-        <nav class="ancilliary-menu">
+        <nav class="ancillary-menu">
             <ul>
-                <!-- uncomment below line, if translation functionality is present on site -->
-                <li><button class="locale icon-attach fa-globe">English</button></li>
-                <!-- uncomment below line, if search functionality is present on site -->
-                <!-- <li><a class="search icon-attach fa-search" href="#">Search</a></li> -->
-                <li><a class="donate icon-attach fa-heart" href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&amp;c_src2=top-of-page-banner" target="_blank">Donate</a></li>
+                <li><a class="donate icon-attach fa-heart" href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner" target="_blank">Donate</a></li>
                 <li><button class="explore">Explore CC</button></li>
             </ul>
         </nav>
     </div>
 
-
-
     <div class="explore-panel">
 
-    <!-- (optional main CC logo, p, link on non-home site back to main site) -->
-    <aside>
-        <a class="identity-logo" href="https://creativecommons.org">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
-        <p>Help us keep the internet free and open.</p>
-    </aside>
-
     <nav class="explore-menu">
         <ul>
             <li>
@@ -144,17 +78,22 @@ <h2>Our Work Relies On You!</h2>
                 <a href="https://certificate.creativecommons.org/" target="_blank">Certificate</a>
                 <p>Become an expert in creating and engaging with openly licensed materials</p>
             </li>
+            <li>
+                <a href="https://summit.creativecommons.org/" target="_blank">Global Summit</a>
+                <p>Attend our annual event, promoting the power of open licensing</p>
+            </li>
             <li>
                 <a href="/choose" target="_blank">Chooser</a>
                 <p>Get help choosing the appropriate license for your work</p>
             </li>
             <li>
-                <a href="https://search.creativecommons.org/" target="_blank">Search Portal</a>
+                <a href="https://search.creativecommons.org/"  target="_blank">Search Portal</a>
                 <p>Find engines to search openly licensed material for creative and educational reuse</p>
             </li>
-          </ul>
+        </ul>
     </nav>
     </div>
+
 </header>
 
   <!-- Breadcrumb -->
@@ -199,38 +138,30 @@ <h2>Our Work Relies On You!</h2>
   <!-- Body -->
   <span id="main-content-marker"></span>
   <main>
-  <div class="content">
   {% block body %}{% endblock %}
-  </div>
   </main>
 
   <!-- Footer -->
   <footer>
-    <a class="identity-logo" href="#">Creative Commons</a>
+    <a class="identity-logo" href="https://www.creativecommons.org">Creative Commons</a>
 
-    <nav class="footer-menu">
+    <nav class="footer-menu" aria-label="Footer menu">
         <ul>
-            <li>
-              <a href="{{ '/blog/entries'|url }}" class="menu-item">Blog</a>
-            </li>
-            <li>
-              <a href="{{ '/community/community-team'|url }}" class="menu-item">Community Team</a>
-            </li>
-            <li>
-              <a href="{{ '/contributing-code/projects'|url }}" class="menu-item">Project List</a>
-            </li>
-            <li>
-              <a href="{{ '/archives'|url }}" class="menu-item">Archives</a>
-            </li>
+
+            <li><a href="https://creativecommons.org/about/contact">Contact</a></li>
+            <li><a href="https://mail.creativecommons.org/subscribe" target="_blank">Newsletter</a></li>
+            <li><a href="https://creativecommons.org/privacy">Privacy</a></li>
+            <li><a href="https://creativecommons.org/policies">Policies</a></li>
+            <li><a href="https://creativecommons.org/terms">Terms</a></li>
         </ul>
     </nav>
 
     <div class="contact">
-    <!-- this area lacks a heading? -->
     <h2>Contact Us</h2>
-    <p>Creative Commons <br> PO Box 1866, Mountain View, CA 94042</p>
+    <p>Creative Commons <br /> PO Box 1866, Mountain View, CA 94042</p>
     <p><a href="mailto:info@creativecommons.org">info@creativecommons.org</a></p>
-    <nav class="social-menu">
+
+    <nav class="social-menu" aria-label="Social menu">
         <ul>
             <li><a class="icon-replace fa-bluesky" href="https://bsky.app/profile/creativecommons.bsky.social" target="_blank">Bluesky</a></li>
             <li><a class="icon-replace fa-mastodon" href="https://mastodon.social/@creativecommons" target="_blank">Mastodon</a></li>
@@ -242,9 +173,8 @@ <h2>Contact Us</h2>
 
     <div class="subscribe">
     <h2>Subscribe to our Newsletter</h2>
-    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank" novalidate="">
-        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required="">
-        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+    <form action="https://creativecommons.us4.list-manage.com/subscribe/post?u=fd30364b6577b471373d6076c&amp;id=4603fe102a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate newsletter" target="_blank">
+        <input type="email" value="" name="EMAIL" class="email input" id="mce-EMAIL" placeholder="Your email" required>
         <div style="position: absolute; left: -5000px" aria-hidden="true">
           <input type="text" name="b_fd30364b6577b471373d6076c_4603fe102a" tabindex="-1" value="">
         </div>
@@ -253,14 +183,14 @@ <h2>Subscribe to our Newsletter</h2>
     </div>
 
     <div class="donate">
-        <h2>Our work relies on you!</h2>
-        <p>Help us keep the internet free and open</p>
-        <a class="donate icon-attach cc-heart-filled" href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&amp;c_src2=top-of-page-banner" target="_blank">Donate Now</a>
+        <h2>Support Our Work</h2>
+        <p>Our work relies on you! Help us keep the Internet free and open.</p>
+        <a class="donate icon-attach cc-heart-filled" href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner" target="_blank">Donate Now</a>
     </div>
 
 
     <div class="license">
-        <p>Except where otherwise <a href="/policies/#license">noted</a>, content on this site is licensed under a <a href="/licenses/by/4.0/">Creative Commons Attribution 4.0 International license</a>. Icons by <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>.</p>
+        <p>Except where otherwise <a href="https://creativecommons.org/policies/#license">noted</a>, content on this site is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International license</a>. Icons by <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>.</p>
 
         <svg>
             <use href="/vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
@@ -269,7 +199,6 @@ <h2>Our work relies on you!</h2>
             <use href="/vocabulary/svg/cc/icons/cc-icons.svg#cc-by"></use>
         </svg>
     </div>
-
   </footer>
   <script src="{{ '/static/vocabulary/js/vocabulary.js'|url }}"></script>
  </body>