diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
index 2b38b4b8101..c0134c6bbde 100644
--- a/app/assets/config/manifest.js
+++ b/app/assets/config/manifest.js
@@ -1,4 +1,5 @@
 //= link application.css
+//= link hammy.css
 //= link_tree ../../../vendor/assets/images
 //= link_tree ../builds
 //= link_tree ../../javascript .js
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index f575b6d8902..9a9e22c1a76 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -1,7 +1,5 @@
 @config "../../../config/tailwind.config.js";
 @tailwind base;
-@tailwind components;
-@tailwind utilities;
 
 @layer base {
   @font-face {
@@ -9,6 +7,9 @@
     font-style: normal;
     font-weight: 400;
     font-display: swap;
-    src: url(/fonts/Roboto.woff2) format('woff2');
   }
+
 }
+
+@tailwind components;
+@tailwind utilities;
diff --git a/app/assets/stylesheets/hammy.css b/app/assets/stylesheets/hammy.css
new file mode 100644
index 00000000000..e54d84913b6
--- /dev/null
+++ b/app/assets/stylesheets/hammy.css
@@ -0,0 +1,11 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+*/
+
+/* Default browser style adds a max width that is hard to override with tailwind directly */
+dialog:modal {
+  max-width: 100vw;
+}
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
index d017ae5a988..65861579447 100644
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -62,6 +62,15 @@ def self.http_basic_authenticate_with(**options)
     super
   end
 
+  def breadcrumbs
+    @breadcrumbs ||= []
+  end
+  helper_method :breadcrumbs
+
+  def add_breadcrumb(name, link = nil)
+    breadcrumbs << [name, link]
+  end
+
   protected
 
   def http_basic_authentication_options_valid?(**options)
diff --git a/app/controllers/dashboards_controller.rb b/app/controllers/dashboards_controller.rb
index 79e8b999ce6..b4da09e50a0 100644
--- a/app/controllers/dashboards_controller.rb
+++ b/app/controllers/dashboards_controller.rb
@@ -5,6 +5,8 @@ class DashboardsController < ApplicationController
   before_action :redirect_to_settings_strong_mfa_required, if: :mfa_required_weak_level_enabled?
 
   def show
+    add_breadcrumb t("breadcrumbs.dashboard"), dashboard_path
+
     respond_to do |format|
       format.html do
         @my_gems         = current_user.rubygems.with_versions.by_name.preload(:most_recent_version)
diff --git a/app/controllers/pages_controller.rb b/app/controllers/pages_controller.rb
index 767ce234925..c47d16291c4 100644
--- a/app/controllers/pages_controller.rb
+++ b/app/controllers/pages_controller.rb
@@ -1,7 +1,10 @@
 class PagesController < ApplicationController
   before_action :find_page
 
+  layout "hammy"
+
   def show
+    add_breadcrumb t("pages.#{@page}.title")
     render @page
   end
 
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index c2dac569d41..46f44560c59 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -75,7 +75,7 @@ def flash_message(name, msg)
     msg
   end
 
-  def rubygem_search_field(home: false)
+  def rubygem_search_field(home: false, **kwargs)
     data = {
       autocomplete_target: "query",
       action: %w[
@@ -89,17 +89,21 @@ def rubygem_search_field(home: false)
         blur->autocomplete#hide
       ].join(" ")
     }
-    data[:nav_target] = "search" unless home
+    aria = { autocomplete: "list" }
+
+    data.merge!(kwargs.delete(:data)) if kwargs[:data]
+    aria.merge!(kwargs.delete(:aria)) if kwargs[:aria]
 
     search_field_tag(
       :query,
       params[:query],
       placeholder: t("layouts.application.header.search_gem_html"),
       autofocus: current_page?(root_url),
-      class: home ? "home__search" : "header__search",
+      class: kwargs[:class],
       autocomplete: "off",
-      aria: { autocomplete: "list" },
-      data: data
+      aria:,
+      data:,
+      **kwargs
     )
   end
 end
diff --git a/app/helpers/prose_helper.rb b/app/helpers/prose_helper.rb
new file mode 100644
index 00000000000..50dda78bec9
--- /dev/null
+++ b/app/helpers/prose_helper.rb
@@ -0,0 +1,9 @@
+module ProseHelper
+
+  def prose(&)
+    base = "prose prose-neutral dark:prose-invert prose-lg lg:prose-xl max-w-prose mx-auto"
+    styles = "prose-headings:font-semibold"
+    tag.div class: "#{base} #{styles}", &
+  end
+
+end
diff --git a/app/javascript/controllers/autocomplete_controller.js b/app/javascript/controllers/autocomplete_controller.js
index a840f4eb1d1..c933cd6df2b 100644
--- a/app/javascript/controllers/autocomplete_controller.js
+++ b/app/javascript/controllers/autocomplete_controller.js
@@ -14,6 +14,7 @@ export default class extends Controller {
   disconnect() { clear() }
 
   clear() {
+    this.suggestionsTarget.classList.add('hidden');
     this.suggestionsTarget.innerHTML = ""
     this.suggestionsTarget.removeAttribute('tabindex');
     this.suggestionsTarget.removeAttribute('aria-activedescendant');
@@ -25,12 +26,14 @@ export default class extends Controller {
   }
 
   next() {
+    if (this.suggestLength === 0) return;
     this.indexNumber++;
     if (this.indexNumber >= this.suggestLength) this.indexNumber = 0;
     this.focusItem(this.itemTargets[this.indexNumber]);
   }
 
   prev() {
+    if (this.suggestLength === 0) return;
     this.indexNumber--;
     if (this.indexNumber < 0) this.indexNumber = this.suggestLength - 1;
     this.focusItem(this.itemTargets[this.indexNumber]);
@@ -78,6 +81,7 @@ export default class extends Controller {
     items.forEach((item, idx) => this.appendItem(item, idx));
     this.suggestionsTarget.setAttribute('tabindex', 0);
     this.suggestionsTarget.setAttribute('role', 'listbox');
+    this.suggestionsTarget.classList.remove('hidden');
 
     this.suggestLength = items.length;
     this.indexNumber = -1;
@@ -92,8 +96,9 @@ export default class extends Controller {
   }
 
   focusItem(el, change = true) {
-    this.itemTargets.forEach(el => el.classList.remove(this.selectedClass))
-    el.classList.add(this.selectedClass);
+    if (!el) { return; }
+    this.itemTargets.forEach(el => el.classList.remove(...this.selectedClasses))
+    el.classList.add(...this.selectedClasses);
     this.suggestionsTarget.setAttribute('aria-activedescendant', el.id);
     if (change) {
       this.queryTarget.value = el.textContent;
diff --git a/app/javascript/controllers/dialog_controller.js b/app/javascript/controllers/dialog_controller.js
new file mode 100644
index 00000000000..4ae72c551d9
--- /dev/null
+++ b/app/javascript/controllers/dialog_controller.js
@@ -0,0 +1,23 @@
+import Dialog from '@stimulus-components/dialog'
+
+export default class extends Dialog {
+  static targets = ["dialog", "button"]
+
+  connect() {
+    super.connect()
+  }
+
+  open() {
+    super.open()
+    if (this.hasButtonTarget) {
+      this.buttonTarget.ariaExpanded = true
+    }
+  }
+
+  close() {
+    if (this.hasButtonTarget) {
+      this.buttonTarget.ariaExpanded = false
+    }
+    super.close()
+  }
+}
diff --git a/app/javascript/controllers/reveal_controller.js b/app/javascript/controllers/reveal_controller.js
new file mode 100644
index 00000000000..8f32bfea4c4
--- /dev/null
+++ b/app/javascript/controllers/reveal_controller.js
@@ -0,0 +1,44 @@
+import Reveal from '@stimulus-components/reveal'
+
+export default class extends Reveal {
+  static targets = ["item", "toggle", "button"]
+  static classes = ["hidden", "toggle"]
+
+  connect() {
+    super.connect()
+    if (this.hasButtonTarget) {
+      this.buttonTarget.ariaExpanded = false
+    }
+  }
+  toggle() {
+    super.toggle()
+    if (this.hasButtonTarget) {
+      this.buttonTarget.ariaExpanded = this.buttonTarget.ariaExpanded !== "true"
+    }
+    if (this.hasToggleTarget && this.hasToggleClass) {
+      this.toggleClasses.forEach((className) => {
+        this.toggleTarget.classList.toggle(className)
+      })
+    }
+  }
+
+  show() {
+    super.show()
+    if (this.hasButtonTarget) {
+      this.buttonTarget.ariaExpanded = true
+    }
+    if (this.hasToggleTarget && this.hasToggleClass) {
+      this.toggleTarget.classList.add(...this.toggleClasses)
+    }
+  }
+
+  hide() {
+    super.hide()
+    if (this.hasToggleTarget) {
+      this.buttonTarget.ariaExpanded = false
+    }
+    if (this.hasToggleTarget && this.hasToggleClass) {
+      this.toggleTarget.classList.add(...this.toggleClasses)
+    }
+  }
+}
diff --git a/app/javascript/controllers/reveal_search_controller.js b/app/javascript/controllers/reveal_search_controller.js
new file mode 100644
index 00000000000..683c1a73cdb
--- /dev/null
+++ b/app/javascript/controllers/reveal_search_controller.js
@@ -0,0 +1,19 @@
+import Reveal from './reveal_controller'
+
+export default class extends Reveal {
+  static targets = ["item", "toggle", "button", "input"]
+
+  // There's nothing here because this is just a copy of the reveal controller
+  // with a different name. This saves us from a name conflict in the header.
+  toggle() {
+    super.toggle()
+    if (!this.itemTarget.classList.contains("hidden")) {
+      this.inputTarget.focus()  // Auto focus the input when revealed
+    }
+  }
+
+  open() {
+    super.open()
+    this.inputTarget.focus()
+  }
+}
diff --git a/app/views/components/button_component.rb b/app/views/components/button_component.rb
new file mode 100644
index 00000000000..0dec3ec2ee6
--- /dev/null
+++ b/app/views/components/button_component.rb
@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+class ButtonComponent < ApplicationComponent
+  include Phlex::Rails::Helpers::LinkTo
+  include Phlex::Rails::Helpers::ButtonTo
+
+  attr_reader :text, :href, :type, :options, :color_css, :size_css
+
+  def initialize(text=nil, href: nil, type: :button, color: :primary, outline: false, size: :large, **options)
+    @text = text
+    @href = href
+    @type = type
+    @options = options
+    @options[:name] ||= nil
+    @color_css = button_color(color, outline)
+    @size_css = button_size(size)
+  end
+
+  def view_template(&)
+    css = "text-nowrap font-semibold no-underline " \
+      "rounded inline-flex border-box " \
+      "justify-content-center items-center hover:shadow-md " \
+      "transition duration-200 ease-in-out focus:outline-none " \
+      "#{color_css} #{size_css} #{options.delete(:class)}"
+
+    if type == :link
+      link_to text, href, class: css, **options, &
+    elsif href
+      button_to text, href, class: css, **options, &
+    else
+      button(class: css, type:, **options, &)
+    end
+  end
+
+  private
+
+  def button_color(color, outline)
+    color = color.to_sym
+    color = :orange if color == :primary
+    color = :orange2 if color == :secondary
+    @color_css = outline ? OUTLINE_BUTTON_COLOR[color] : FILL_BUTTON_COLOR[color]
+  end
+
+  def button_size(size)
+    case size
+    when :small # 36px height
+      "px-4 py-3 h-9 min-h-9 text-b3"
+    else # :large, 44px height
+      "px-4 py-3 h-12 min-h-12 text-b2" \
+    end
+  end
+
+  FILL_BUTTON_COLOR = {
+    orange:    "text-white bg-orange-500 dark:bg-orange-500 hover:bg-orange-600 dark:hover:bg-orange-700 active:bg-orange-600 dark:active:bg-orange-700",
+    orange2:   "text-neutral-800 dark:text-white bg-orange-200 dark:bg-orange-800 hover:bg-orange-300 dark:hover:bg-orange-900 active:bg-orange-300 dark:active:bg-orange-900",
+    yellow:    "text-neutral-800 dark:text-white bg-yellow-500 dark:bg-yellow-500 hover:bg-yellow-600 dark:hover:bg-yellow-900 active:bg-yellow-600 dark:active:bg-yellow-900",
+    blue:      "text-white bg-blue-500 dark:bg-blue-500 hover:bg-blue-600 dark:hover:bg-blue-700 active:bg-blue-600 dark:active:bg-blue-700",
+    green:     "text-white bg-green-500 dark:bg-green-500 hover:bg-green-600 dark:hover:bg-green-700 active:bg-green-600 dark:active:bg-green-700",
+    red:       "text-white bg-red-500 dark:bg-red-500 hover:bg-red-600 dark:hover:bg-red-700 active:bg-red-600 dark:active:bg-red-700",
+    neutral:   "text-white bg-neutral-700 dark:bg-neutral-700 hover:bg-neutral-600 dark:hover:bg-neutral-700 active:bg-neutral-600 dark:active:bg-neutral-700",
+  }.freeze
+
+  OUTLINE_BUTTON_COLOR = {
+    orange:    "border-2 border-orange-500 text-orange-500 dark:border-orange-500 dark:text-orange-500 hover:border-orange-600 hover:text-orange-600 active:border-orange-600 active:text-orange-600 dark:hover:border-orange-700 dark:hover:text-orange-700 dark:active:border-orange-700 dark:active:text-orange-700",
+    orange2:   "border-2 border-orange-200 text-orange-200 dark:border-orange-800 dark:text-orange-800 hover:border-orange-300 hover:text-orange-300 active:border-orange-300 active:text-orange-300 dark:hover:border-orange-900 dark:hover:text-orange-900 dark:active:border-orange-900 dark:active:text-orange-900",
+    yellow:    "border-2 border-yellow-500 text-yellow-500 dark:border-yellow-500 dark:text-yellow-500 hover:border-yellow-600 hover:text-yellow-600 active:border-yellow-600 active:text-yellow-600 dark:hover:border-yellow-900 dark:hover:text-yellow-900 dark:active:border-yellow-900 dark:active:text-yellow-900",
+    blue:      "border-2 border-blue-500 text-blue-500 dark:border-blue-500 dark:text-blue-500 hover:border-blue-600 hover:text-blue-600 active:border-blue-600 active:text-blue-600 dark:hover:border-blue-700 dark:hover:text-blue-700 dark:active:border-blue-700 dark:active:text-blue-700",
+    green:     "border-2 border-green-500 text-green-500 dark:border-green-500 dark:text-green-500 hover:border-green-600 hover:text-green-600 active:border-green-600 active:text-green-600 dark:hover:border-green-700 dark:hover:text-green-700 dark:active:border-green-700 dark:active:text-green-700",
+    red:       "border-2 border-red-500 text-red-500 dark:border-red-500 dark:text-red-500 hover:border-red-600 hover:text-red-600 active:border-red-600 active:text-red-600 dark:hover:border-red-700 dark:hover:text-red-700 dark:active:border-red-700 dark:active:text-red-700",
+    neutral:   "border-2 border-neutral-700 text-neutral-700 dark:border-neutral-700 dark:text-neutral-700 hover:border-neutral-600 hover:text-neutral-600 active:border-neutral-600 active:text-neutral-600 dark:hover:border-neutral-700 dark:hover:text-neutral-700 dark:active:border-neutral-700 dark:active:text-neutral-700",
+  }.freeze
+end
diff --git a/app/views/components/card_component.rb b/app/views/components/card_component.rb
new file mode 100644
index 00000000000..97a5188d2f5
--- /dev/null
+++ b/app/views/components/card_component.rb
@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+class CardComponent < ApplicationComponent
+  def view_template(&)
+    color = "bg-white dark:bg-black border border-neutral-400 dark:border-neutral-800 rounded-md shadow text-neutral-900 dark:text-neutral-100"
+    box = "w-full px-4 py-6 md:p-10"
+    article(**classes(color, box), &)
+  end
+
+  def head(title, icon: nil, url: nil, count: nil)
+    div(class: "flex justify-between items-center mb-8") do
+      h3(class: "flex items-center space-x-2 text-lg") do
+        render_icon(icon) if icon
+        span(class: "font-semibold") { title }
+        span(class: "font-light text-neutral-600") { count } if count
+      end
+
+      a(href: url, class: "text-sm text-orange-500 hover:underline") { t("view_all") } if url
+    end
+  end
+
+  def with_list(items, &)
+    ul(class: "mx-6 my-8") do
+      items.each do |item|
+        li(class: "flex justify-between items-center py-3 px-4 rounded-md border border-white dark:border-neutral-850 hover:border-neutral-700") do
+          yield(item)
+        end
+      end
+    end
+  end
+
+  def with_content(&)
+    div(class: "space-y-4", &)
+  end
+
+  private
+
+  def render_icon(name, width: 20, height: 20)
+    svg(class: "fill-orange", width:, height:) do
+      "<use href=\"/images/icons.svg##{name}\"/>".html_safe
+    end
+  end
+end
diff --git a/app/views/layouts/_breadcrumbs.html.erb b/app/views/layouts/_breadcrumbs.html.erb
new file mode 100644
index 00000000000..151bafbe074
--- /dev/null
+++ b/app/views/layouts/_breadcrumbs.html.erb
@@ -0,0 +1,25 @@
+<div class="clear-both w-full bg-neutral-050 dark:bg-neutral-950 px-8 py-1 text-neutral-800 dark:text-white">
+  <div class="max-w-screen-xl mx-auto flex items-center">
+    <nav class="flex justify-start items-center text-b2" aria-label="Breadcrumb">
+      <!-- Home breadcrumb -->
+      <%= link_to root_path, class: "inline-block p-1 -ml-1 hover:text-neutral-600 dark:hover:text-neutral-400", title: t("breadcrumbs.home"), aria: { label: t("breadcrumbs.home") } do %>
+        <svg class="fill-current" height="24" width="24" role="graphics-symbol">
+          <title><%= t('breadcrumbs.home') %></title>
+          <use href="/images/icons.svg#house-siding"/>
+        </svg>
+      <% end %>
+
+      <% breadcrumbs.each do |name, link| %>
+        <svg class="fill-neutral-600 dark:fill-neutral-700 h-6 w-6" height="24" width="24" role="graphics-symbol" aria-hidden="true">
+          <use href="/images/icons.svg#chevron-right"/>
+        </svg>
+        <% if link %>
+          <%= link_to name, link, class: "inline-block p-1 hover:text-neutral-600 dark:hover:text-neutral-400" %>
+        <% else %>
+          <!-- Current page -->
+          <span class="inline-block p-1 text-black dark:text-white font-semibold" aria-current="page"><%= name %></span>
+        <% end %>
+      <% end %>
+    </nav>
+  </div>
+</div>
diff --git a/app/views/layouts/_search.html.erb b/app/views/layouts/_search.html.erb
index c711f56a75f..b5bf61009f5 100644
--- a/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@ -1,7 +1,10 @@
 <% home = current_page?(root_path) || current_page?(advanced_search_path) %>
 <div class="<%= home ? "home__search-wrap" : "header__search-wrap" %>" role="search">
   <%= form_tag search_path, method: :get, data: { controller: "autocomplete", autocomplete_selected_class: "selected", } do %>
-    <%= rubygem_search_field(home: home) %>
+    <%= rubygem_search_field(
+      class: (home ? "home__search" : "header__search"),
+      data: (home ? nil : { nav_target: "search" }),
+    ) %>
 
     <ul class="suggest-list" role="listbox" data-autocomplete-target="suggestions"></ul>
 
diff --git a/app/views/layouts/_session.html.erb b/app/views/layouts/_session.html.erb
new file mode 100644
index 00000000000..263acf7ed33
--- /dev/null
+++ b/app/views/layouts/_session.html.erb
@@ -0,0 +1,51 @@
+<div class="ml-3 flex text-neutral-900 dark:text-white hover:text-black dark:hover:text-neutral-400" data-controller="dialog">
+  <% if signed_in? %>
+    <button data-action="dialog#open" aria-expanded="false">
+      <%= avatar 64, "user_gravatar", theme: :dark, class: "h-9 w-9 rounded" %>
+    </button>
+  <% else %>
+    <div class="hidden md:flex text-nowrap">
+      <%= render ButtonComponent.new t('sign_in'), type: :link, href: sign_in_path, color: :secondary, size: :small %>
+      <% if Clearance.configuration.allow_sign_up? %>
+        <%= render ButtonComponent.new t('sign_up'), type: :link, href: sign_up_path, color: :primary, size: :small, class: "ml-3" %>
+      <% end %>
+    </div>
+
+    <%= link_to sign_up_path, class: "-mr-1 p-1 md:hidden" do %>
+      <svg width="28" height="28" class="h-7 w-7 fill-current"><use href="/images/icons.svg#profile"/></svg>
+    <% end %>
+  <% end %>
+
+  <dialog
+    data-dialog-target="dialog" data-action="click->dialog#backdropClose"
+    class="fixed m-0 inset-0 py-16 px-8 z-50 w-full h-full max-w-screen max-h-screen bg-white bg-opacity-20 p-0 ems-start justify-center sm:justify-right"
+  >
+    <div class="max-w-screen-xl mx-auto flex items-center relative">
+      <!-- Dialog content -->
+      <div
+        class="w-full sm:absolute sm:top-0 sm:right-0 sm:max-w-sm bg-white dark:bg-black rounded-lg shadow-xl shadow-black/10 max-h-[90vh] overflow-y-auto dark:border dark:border-neutral-800
+        flex flex-col px-4 py-4 text-b2 text-left text-neutral-900 dark:text-white"
+      >
+        <!-- Dialog header -->
+        <div class="flex justify-between items-center">
+          <h2 class="flex h-7 lg:h-8 lg:mb-0 items-center space-x-1 text-orange text-b1">
+            <svg class="w-6 h-6 fill-current" width="32" height="32" role="graphics-symbol" aria-label="RubyGems Home"><use href="/images/icons.svg#logo"/></svg>
+            <span class="text-h5 text-orange">RubyGems</span>
+          <h2>
+
+          <button data-action="dialog#close" class="h-8 w-8 items-center justify-center outline-none">
+            <svg class="w-6 h-6 fill-current" width="24" height="24" role="graphics-symbol" aria-label="Close profile modal"><use href="/images/icons.svg#close"/></svg>
+          </button>
+        </div>
+
+        <!-- Authenticated user content -->
+        <nav class="flex flex-col py-6 text-left text-b2 text-neutral-900 dark:text-white border-b border-neutral-400 dark:border-neutral-800">
+          <%= link_to t('.header.profile'), dashboard_path, class: "px-6 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+          <%= link_to t('.header.edit_profile'), edit_profile_path, class: "px-6 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+          <%= link_to t('.header.settings'), edit_settings_path, class: "px-6 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+        </nav>
+        <%= link_to t('.header.sign_out'), sign_out_path, method: :delete, class: "w-full my-8 px-4 py-2 text-b2 rounded border border-black dark:border-white bg-white dark:bg-black hover:bg-neutral-100 dark:hover:bg-neutral-800 text-black dark:text-white text-center" %>
+      </div>
+    </div>
+  </dialog>
+</div>
diff --git a/app/views/layouts/hammy.html.erb b/app/views/layouts/hammy.html.erb
new file mode 100644
index 00000000000..6ee72cb673a
--- /dev/null
+++ b/app/views/layouts/hammy.html.erb
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+<head>
+  <title><%= page_title %></title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+  <meta name="google-site-verification" content="AuesbWQ9MCDMmC1lbDlw25RJzyqWOcDYpuaCjgPxEZY" />
+  <link rel="apple-touch-icon" href="/apple-touch-icons/apple-touch-icon.png" />
+  <% ["57x57", "72x72", "76x76", "114x114","120x120", "144x144", "152x152", "180x180"].each do |size| %>
+    <link rel="apple-touch-icon" sizes="<%= size %>" href="/apple-touch-icons/apple-touch-icon-<%= size %>.png" />
+  <% end %>
+  <link rel="mask-icon" href="/rubygems_logo.svg" color="#e9573f">
+  <link rel="fluid-icon" href="/fluid-icon.png"/>
+  <link rel="search" type="application/opensearchdescription+xml" title="<%=t :title %>" href="/opensearch.xml">
+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+
+  <%= stylesheet_link_tag("hammy") %>
+  <%= stylesheet_link_tag("tailwind", "data-turbo-track": "reload") %>
+  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet" type="text/css">
+  <%= render "layouts/feeds" %>
+  <%= csrf_meta_tag %>
+  <%= yield :head %>
+  <%= javascript_importmap_tags %>
+</head>
+<body class="bg-white dark:bg-black">
+  <div class="min-h-screen flex flex-col">
+    <!-- Header -->
+    <header>
+      <!-- Header Nav -->
+      <div class="py-4 px-8 border-b border-neutral-400 dark:border-neutral-800">
+        <div data-controller="reveal-search" data-reveal-search-toggle-class="bg-neutral-200 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200 border" class="flex flex-wrap justify-between max-w-screen-xl mx-auto">
+          <!-- Menu button, Logo, desktop nav, mobile nav dialog -->
+          <div class="flex flex-row items-center" data-controller="dialog">
+            <!-- Mobile Menu Button -->
+            <button data-action="dialog#open" aria-label="Open menu" class="px-2 py-1 w-10 h-9 mr-3 items-center rounded text-white bg-orange hover:bg-orange-600 dark:bg-orange-600 dark:hover:bg-orange-700 lg:hidden focus:outline-none">
+              <svg width="24" height="24" class="fill-current" role="graphics-symbol"><use href="/images/icons.svg#menu"/></svg>
+            </button>
+
+            <!-- Logo -->
+            <%= link_to(root_path, title: "RubyGems", class: "flex h-8 items-center text-orange text-b1") do %>
+              <svg class="w-7 h-7 lg:w-8 lg:h-8 fill-current" width="32" height="32" role="graphics-symbol" aria-label="RubyGems Home"><use href="/images/icons.svg#logo"/></svg>
+              <span class="hidden sm:flex ml-1 text-h5 text-orange">RubyGems</span>
+            <% end %>
+
+            <!-- Desktop Navigation Links -->
+            <nav class="hidden lg:flex flex-row ml-7 items-center justify-end text-b2 text-neutral-800 dark:text-white leading-7">
+              <%= link_to t("layouts.application.footer.blog"), "https://blog.rubygems.org", class: "lowercase hover:text-neutral-600 dark:hover:text-neutral-400" %>
+              <%= link_to t("layouts.application.footer.statistics"), stats_path, class: "ml-7 lowercase hover:text-neutral-600 dark:hover:text-neutral-400" %>
+              <%= link_to t("layouts.application.footer.docs"), "https://guides.rubygems.org/command-reference/#gem-install", class: "ml-7 lowercase hover:text-neutral-600 dark:hover:text-neutral-400" %>
+              <!-- About links -->
+              <div class="flex relative ml-7" data-controller="dropdown">
+                <button data-action="dropdown#toggle click@window->dropdown#hide" class="flex items-center text-neutral-900 dark:text-white hover:text-neutral-600 dark:hover:text-neutral-400 focus:outline-none lowercase">
+                  <span><%= t("layouts.application.footer.about") %></span>
+                  <svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#arrow-drop-down"/></svg>
+                </button>
+
+                <!-- About Dropdown Menu -->
+                <div data-dropdown-target="menu" class="z-50 hidden absolute -left-4 top-8 bg-white dark:bg-black border border-neutral-200 dark:border-neutral-800 rounded shadow-lg text-b2 text-neutral-700 dark:text-neutral-300 divide-y divide-neutral-200 dark:divide-neutral-800">
+                  <%= link_to t('title'), page_path("about"), data: { reveal_target: "item" }, class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= link_to t('layouts.application.footer.status'), "https://status.rubygems.org", data: { reveal_target: "item" }, class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= link_to t('layouts.application.footer.data'), page_path("data"), data: { reveal_target: "item" }, class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= link_to t('layouts.application.footer.security'), page_path("security"), data: { reveal_target: "item" }, class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= mail_to "support@rubygems.org", t('layouts.application.footer.help'), data: { reveal_target: "item" }, class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                </div>
+              </div>
+              <!-- Language Selector -->
+              <div class="flex relative ml-5" data-controller="dropdown">
+                <button data-action="dropdown#toggle click@window->dropdown#hide" class="flex items-center text-neutral-900 dark:text-white hover:text-neutral-600 dark:hover:text-neutral-400 focus:outline-none">
+                  <svg width="20" height="20" class="fill-current"><use href="/images/icons.svg#language"/></svg>
+                  <span class="ml-1 text-b3 uppercase"><%= I18n.locale %></span>
+                  <svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#arrow-drop-down"/></svg>
+                </button>
+
+                <!-- Language Dropdown Menu -->
+                <div data-dropdown-target="menu" class="z-50 hidden absolute flex-row -left-4 top-8 bg-white dark:bg-black border border-neutral-200 dark:border-neutral-800 rounded shadow-lg text-b2 text-neutral-700 dark:text-neutral-300 divide-y divide-neutral-200 dark:divide-neutral-800">
+                  <% I18n.available_locales.each do |language| %>
+                    <%= link_to I18n.t(:locale_name, locale: language), url_for(locale: language, only_path: true), class: "block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-nowrap" %>
+                  <% end %>
+                </div>
+              </div>
+            </nav>
+
+            <!-- Mobile Left Navigation Menu -->
+            <dialog
+              data-dialog-target="dialog" data-action="click->dialog#backdropClose"
+              role="dialog" aria-modal="true"
+              class="fixed left-0 top-0 h-full w-screen max-h-full max-w-screen bg-white bg-opacity-20 z-50 overflow-hidden">
+              <div class="h-full w-72 bg-white dark:bg-black overflow-y-auto border-r border-neutral-400 dark:border-neutral-800 shadow-[5px_0px_9px_3px_rgba(0,0,0,0.10)]">
+                <!-- Mobile nav header -->
+                <div class="flex flex-row items-center px-8 py-4 border-b border-neutral-400 dark:border-neutral-800">
+                  <!-- Close Menu Button -->
+                  <button data-action="dialog#close" aria-label="Close menu" class="px-2 py-1 w-10 h-9 mr-3 rounded text-white bg-orange dark:bg-orange-600 hover:bg-orange-700 dark:hover:bg-orange-700 focus:outline-none items-center">
+                    <svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#close"/></svg>
+                  </button>
+                  <!-- Logo -->
+                  <%= link_to(root_path, title: "RubyGems", class: "flex h-8 items-center text-orange text-b1") do %>
+                    <svg class="w-7 h-7 lg:w-8 lg:h-8 fill-current" width="32" height="32" role="graphics-symbol" aria-label="RubyGems Home"><use href="/images/icons.svg#logo"/></svg>
+                    <span class="ml-1 text-h5 lg:text-h4 text-orange">RubyGems</span>
+                  <% end %>
+                </div>
+
+                <!-- Mobile nav links -->
+                <nav class="flex flex-col py-6 text-left text-b2 text-neutral-900 dark:text-white">
+                  <%= link_to t("layouts.application.footer.blog"), "https://blog.rubygems.org", class: "px-8 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= link_to t("layouts.application.footer.statistics"), stats_path, class: "px-8 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  <%= link_to t("layouts.application.footer.docs"), "https://guides.rubygems.org/command-reference/#gem-install", class: "px-8 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+
+                  <!-- About links expand -->
+                  <div data-controller="reveal" data-reveal-toggle-class="rotate-180" class="flex flex-col">
+                    <button class="flex items-center px-8 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800 focus:outline-none justify-between" data-action="reveal#toggle" data-reveal-target="button">
+                      <span><%= t("layouts.application.footer.about") %></span>
+                      <svg width="24" height="24" class="fill-current transition-transform transform" data-reveal-target="toggle"><use href="/images/icons.svg#keyboard-arrow-down"/></svg>
+                    </button>
+
+                    <%= link_to t('title'), page_path("about"), data: { reveal_target: "item" }, class: "hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                    <%= link_to t('layouts.application.footer.status'), "https://status.rubygems.org", data: { reveal_target: "item" }, class: "hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                    <%= link_to t('layouts.application.footer.data'), page_path("data"), data: { reveal_target: "item" }, class: "hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                    <%= link_to t('layouts.application.footer.security'), page_path("security"), data: { reveal_target: "item" }, class: "hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                    <%= mail_to "support@rubygems.org", t('layouts.application.footer.help'), data: { reveal_target: "item" }, class: "mb-4 hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800" %>
+                  </div>
+
+                  <!-- Mobile Language Selector -->
+                  <div class="flex flex-col" data-controller="reveal" data-reveal-toggle-class="rotate-180">
+                    <button class="flex items-center px-8 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800 focus:outline-none justify-between" data-action="reveal#toggle" data-reveal-target="button">
+                      <span class="flex items-center">
+                        <svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#language"/></svg>
+                        <span class="mx-2 text-b2 uppercase"><%= I18n.locale %></span>
+                      </span>
+                      <svg width="24" height="24" class="fill-current transition-transform transform" data-reveal-target="toggle"><use href="/images/icons.svg#keyboard-arrow-down"/></svg>
+                    </button>
+
+                    <% I18n.available_locales.each do |language| %>
+                      <%= link_to I18n.t(:locale_name, locale: language), url_for(locale: language, only_path: true), data: { reveal_target: "item" }, class: "hidden px-16 py-3 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-nowrap" %>
+                    <% end %>
+                  </div>
+                </nav>
+              </div>
+            </dialog>
+          </div>
+
+          <div class="ml-auto flex flex-row items-center">
+            <!-- Search button -->
+            <button type="button" data-action="reveal-search#toggle" data-reveal-search-target="toggle" aria-label="Open search" class="h-9 w-9 flex box-border text-neutral-800 dark:text-white hover:text-neutral-600 dark:hover:text-neutral-400 items-center justify-center rounded border-neutral-300 dark:border-neutral-700">
+              <svg width="24" height="24" class="h-6 w-6 fill-current"><use href="/images/icons.svg#search"/></svg>
+            </button>
+
+            <!-- Profile -->
+            <%= render "layouts/session" %>
+          </div>
+
+          <!-- Search Bar -->
+          <div data-reveal-search-target="item" class="hidden pt-4 w-full items-center" role="search">
+            <%= form_tag(search_path, method: :get, data: { controller: "autocomplete", autocomplete_selected_class: "bg-neutral-100 dark:bg-neutral-800", reveal_target: "item" }, class: "relative w-full items-center", role: "search") do %>
+              <%= rubygem_search_field(data: { reveal_search_target: "input" }, class: "w-full md h-10 pr-12 bg-neutral-200 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200 rounded border-neutral-300 dark:border-neutral-700 box-border outline-none focus:ring-0 focus:border-neutral-500") %>
+
+              <ul role="listbox" data-autocomplete-target="suggestions" class="hidden absolute z-40 start-0 mt-2 w-full bg-white dark:bg-black text-b2 text-neutral-800 dark:text-neutral-200 border border-neutral-200 dark:border-neutral-800 rounded shadow-md divide-y divide-neutral-200 dark:divide-neutral-800"></ul>
+
+              <template id="suggestion" data-autocomplete-target="template">
+                <li class="block px-4 py-2 hover:bg-neutral-100 dark:hover:bg-neutral-800" role="option" tabindex="-1" data-autocomplete-target="item" data-action="click->autocomplete#choose mouseover->autocomplete#highlight"></li>
+              </template>
+
+              <%= label_tag :query, id: "querylabel" do %>
+                <span class="hidden"><%= t('layouts.application.header.search_gem_html') %></span>
+              <% end %>
+
+              <button type="submit" id="search_submit" aria-labelledby="querylabel" class="absolute end-[1px] top-[1px] p-[7px] text-neutral-900 dark:text-white focus:outline-none border-l border-neutral-300 dark:border-neutral-700 hover:text-neutral-600 dark:hover:text-neutral-400 rounded-r">
+                <svg width="24" height="24" class="h-6 w-6 fill-current"><use href="/images/icons.svg#search"/></svg>
+              </button>
+            <% end %>
+          </div>
+        </div>
+      </div>
+
+      <!-- Breadcrumbs -->
+      <%= render "layouts/breadcrumbs" %>
+    </header>
+
+    <!-- Content -->
+    <div class="flex-1 w-full px-8 py-6 flex-col bg-neutral-050 dark:bg-neutral-950 text-neutral-950 dark:text-neutral-050 text-b2 items-center inline-flex">
+      <div class="max-w-screen-xl w-full mx-auto mb-12 md:mb-16 lg:mb-28">
+        <!-- New design notice -->
+        <p class="flex flex-row items-start bg-green-200 dark:bg-green-900 text-neutral-800 dark:text-neutral-200 p-4 mb-10 rounded border border-green-500 text-b2">
+          <svg class="flex-none fill-green-500 mr-2 h-6 w-6" height="24" width="24">
+            <use href="/images/icons.svg#toast"/>
+          </svg>
+          <span class="align-middle">
+            Design Under Construction!
+            <a href="https://blog.rubygems.org/2024/10/25/new-design-for-rubygems.html" class="text-green-500 dark:text-green-400 text-nowrap">Learn more</a>
+          </span>
+        </p>
+
+        <%= yield %>
+      </div>
+    </div>
+
+      <!-- Footer -->
+    <footer>
+      <div class="w-full px-8 py-8 bg-orange-100 dark:bg-orange-950 text-neutral-800 dark:text-neutral-200 flex-col items-center">
+        <!-- Footer Nav -->
+        <div class="max-w-screen-xl mx-auto flex flex-col md:flex-row justify-between">
+          <nav class="mb-4 md:mb-0 justify-start">
+            <ul class="flex flex-col md:flex-row md:space-x-8 text-b1 md:text-b2">
+              <li><%= link_to t("layouts.application.footer.about"), page_path("about"), class: "hover:text-neutral-600" %></li>
+              <li><%= link_to t("layouts.application.footer.docs"), "https://guides.rubygems.org/command-reference/#gem-install", class: "hover:text-neutral-600" %></li>
+              <li><%= link_to t("layouts.application.footer.status"), "https://status.rubygems.org", class: "hover:text-neutral-600" %></li>
+              <li><%= link_to t("layouts.application.footer.security"), page_path("security"), class: "hover:text-neutral-600" %></li>
+              <li><%= mail_to "support@rubygems.org", t('layouts.application.footer.help'), class: "hover:text-neutral-600" %></li>
+            </ul>
+          </nav>
+          <div class="flex space-x-4">
+            <a href="https://github.com/rubygems/rubygems.org" class="">
+              <svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#github"/></svg>
+            </a>
+            <%# <a href="" class=""><svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#mastodon"/></svg></a>
+            <a href="#" class=""><svg width="24" height="24" class="fill-current"><use href="/images/icons.svg#x-twitter"/></svg></a> %>
+          </div>
+        </div>
+      </div>
+
+      <div class="w-full px-6 bg-orange-200 dark:bg-orange-900 text-neutral-900 dark:text-neutral-100">
+        <!-- Supported By -->
+        <div class="flex flex-col lg:flex-row max-w-screen-xl mx-auto py-6 items-center justify-between">
+          <!-- RubyGems.org is supported by -->
+          <p class="mb-6 lg:mb-0 lg:mr-14 lg:w-52 text-b2 leading-6 text-balance">
+            <%= t("layouts.application.footer.supported_by_html") %>
+          </p>
+
+          <!-- Supporter Icons -->
+          <div class="w-full lg:grow mx-auto grid grid-cols-3 gap-6 justify-items-center md:flex md:items-center md:justify-between">
+            <a href="https://rubycentral.org/" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#ruby-central"/></svg></a>
+            <a href="https://dnsimple.link/resolving-rubygems" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#dnsimple"/></svg></a>
+            <a href="https://www.datadoghq.com/" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#datadog"/></svg></a>
+            <a href="https://www.fastly.com/" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#fastly"/></svg></a>
+            <a href="https://www.honeybadger.io/" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#honeybadger"/></svg></a>
+            <a href="https://domainr.com/" class="p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#domainr"/></svg></a>
+            <a href="https://mend.io/" class="col-start-2 p-1"><svg width="60" height="60" class="fill-current"><use href="/images/icons.svg#mend-io"/></svg></a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  </div>
+</body>
+</html>
diff --git a/app/views/pages/about.html.erb b/app/views/pages/about.html.erb
index 115142f8cad..7078e3097d1 100644
--- a/app/views/pages/about.html.erb
+++ b/app/views/pages/about.html.erb
@@ -1,11 +1,11 @@
 <% @title = t('.title') %>
 
-<div class="l-colspan t-body">
+<%= prose do %>
   <p><%= t '.purpose.header', :site => t('title') %></p>
-  <ol class="t-numbered-items">
-    <li class="t-numbered-item"><%= t '.purpose.better_api' %></li>
-    <li class="t-numbered-item"><%= t '.purpose.transparent_pages' %></li>
-    <li class="t-numbered-item"><%= t '.purpose.enable_community' %></li>
+  <ol class="list-decimal">
+    <li><%= t '.purpose.better_api' %></li>
+    <li><%= t '.purpose.transparent_pages' %></li>
+    <li><%= t '.purpose.enable_community' %></li>
   </ol>
   <p>
     <%= t('.founding_html', :founder => link_to('Nick Quaranto', 'https://twitter.com/qrush'),
@@ -28,16 +28,9 @@
                              ) %>
   </p>
 
-  <div class="hide-assets">
-    <h2 class="about__assets__heading"><%= t('.logo_header') %></h2>
-    <p><%= t('.logo_details') %></p>
-    <div class="about__assets-wrap">
-      <div class="about__assets">
-        <svg class="about__asset" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><g fill="#ffffff"><path d="M68.8 69.9l-.1-.1-22.2 22.2 53.9 53.8 22.2-22.1 31.7-31.7-22.2-22.2v-.1h-63.4zM100.2 10.6l-78.5 45v90l78.5 45 78.5-45v-90l-78.5-45zm63.5 126.4l-63.5 36.6-63.5-36.6v-73l63.5-36.6 63.5 36.6v73z"/></g></svg>
-        <svg class="about__asset" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><g fill="#141c22"><path d="M68.8 69.9l-.1-.1-22.2 22.2 53.9 53.8 22.2-22.1 31.7-31.7-22.2-22.2v-.1h-63.4zM100.2 10.6l-78.5 45v90l78.5 45 78.5-45v-90l-78.5-45zm63.5 126.4l-63.5 36.6-63.5-36.6v-73l63.5-36.6 63.5 36.6v73z"/></g></svg>
-        <svg class="about__asset" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" enable-background="new 0 0 200 200"><g fill="#e9573f"><path d="M68.8 69.9l-.1-.1-22.2 22.2 53.9 53.8 22.2-22.1 31.7-31.7-22.2-22.2v-.1h-63.4zM100.2 10.6l-78.5 45v90l78.5 45 78.5-45v-90l-78.5-45zm63.5 126.4l-63.5 36.6-63.5-36.6v-73l63.5-36.6 63.5 36.6v73z"/></g></svg>
-      </div>
-      <a href="/logos.zip" download="RubyGems Assets.zip" class="about__assets__download" data-icon=">"><%= t('rubygems.aside.links.download') %></a>
-    </div>
+  <h2 class="about__assets__heading"><%= t('.logo_header') %></h2>
+  <p><%= t('.logo_details') %></p>
+  <div class="about__assets-wrap">
+    <%= render ButtonComponent.new t('rubygems.aside.links.download'), type: :link, href: "/logos.zip" %>
   </div>
-</div>
+<% end %>
diff --git a/app/views/pages/data.html.erb b/app/views/pages/data.html.erb
index 87e7d71e94e..951fd6581be 100644
--- a/app/views/pages/data.html.erb
+++ b/app/views/pages/data.html.erb
@@ -1,12 +1,19 @@
 <% @title = t('.title') %>
 
-<div class="t-body" id="data-dump">
-  <p>We provide weekly dumps of the RubyGems.org PostgreSQL data. This dump is sanitized, removing all user information.</p>
-  <p>The <a href="https://github.com/rubygems/rubygems.org/tree/master/script/load-pg-dump">load-pg-dump</a> script is
-    available as an example of how to to download and load the most recent weekly dump.</p>
-  <ul data-controller="dump">
-    <template data-dump-target="template">
-      <li><a href="#"></a></li>
-    </template>
-  </ul>
+<div class="flex flex-col space-y-10 max-w-3xl mx-auto" id="data-dump">
+  <%= render CardComponent.new do |c| %>
+    <%= c.head("PostgreSQL Data", icon: :history) %>
+    <%= c.with_content do |user| %>
+      <%= prose do %>
+        <p>We provide weekly dumps of the RubyGems.org PostgreSQL data. This dump is sanitized, removing all user information.</p>
+        <p>The <a href="https://github.com/rubygems/rubygems.org/tree/master/script/load-pg-dump" class="text-orange">load-pg-dump</a> script is
+          available as an example of how to to download and load the most recent weekly dump.</p>
+      <% end %>
+      <ul data-controller="dump">
+        <template data-dump-target="template">
+          <li><a href="#" class="flex -mx-4 p-4 hover:bg-neutral-100 dark:hover:bg-neutral-800 lg:rounded"></a></li>
+        </template>
+      </ul>
+    <% end %>
+  <% end %>
 </div>
diff --git a/app/views/pages/download.html.erb b/app/views/pages/download.html.erb
index 0cecaa6c9db..23184c1ecd5 100644
--- a/app/views/pages/download.html.erb
+++ b/app/views/pages/download.html.erb
@@ -1,30 +1,32 @@
 <% @title = t('.title') %>
 <% @subtitle = subtitle %>
 
-<div class="l-colspan t-body">
+<%= prose do %>
+  <h2><%= @title %></h2>
   <p>
-    RubyGems is a package management framework for Ruby. Download the latest version here:
-  </p>
-  <div id="formats" class="download__formats">
-    <%= link_to "tgz", "https://rubygems.org/rubygems/rubygems-#{version_number}.tgz", class: "download__format" %>
-    <%= link_to "zip", "https://rubygems.org/rubygems/rubygems-#{version_number}.zip", class: "download__format" %>
-    <%= link_to "gem", "https://rubygems.org/gems/rubygems-update-#{version_number}.gem", class: "download__format" %>
-    <%= link_to "git", "https://github.com/rubygems/rubygems", class: "download__format" %>
-  </div>
-  <p>
-  Or, to upgrade to the latest RubyGems:
+    RubyGems is a package management framework for Ruby.
+    <br>
+    Upgrade to the latest RubyGems at the command line:
   </p>
   <pre><code>$ gem update --system</code></pre>
   <p>
-    You might be running into some bug that prevents you from upgrading rubygems the standard way. In that case, you can try upgrading manually:
+    If you run into problems that prevent you from upgrading rubygems the standard way, you can try upgrading manually:
   </p>
   <ol class="manual">
-    <li><%=link_to "Download from above", "#formats" %></li>
-    <li>Unpack into a directory and <code>cd</code> there</li>
-    <li>Install with: <code>ruby setup.rb</code></li>
+    <li>Download the latest version</li>
+    <li>Unpack and <code>cd</code> into the unpacked directory</li>
+    <li>Install with:
+    <pre><code>ruby setup.rb</code></pre>
+    </li>
+    <li>
+      For more details and other options, run: <code>ruby setup.rb --help</code>
+    </li>
   </ol>
-  <p>
-  For more details and other options, see:
-  </p>
-  <pre><code>ruby setup.rb --help</code></pre>
-</div>
+  <h4>Download the latest version</h4>
+  <div id="formats" class="flex flex-row space-x-6">
+    <%= render ButtonComponent.new "tgz", type: :link, href: "https://rubygems.org/rubygems/rubygems-#{version_number}.tgz" %>
+    <%= render ButtonComponent.new "zip", type: :link, href: "https://rubygems.org/rubygems/rubygems-#{version_number}.zip" %>
+    <%= render ButtonComponent.new "gem", type: :link, href: "https://rubygems.org/gems/rubygems-update-#{version_number}.gem" %>
+    <%= render ButtonComponent.new "git", type: :link, href: "https://github.com/rubygems/rubygems" %>
+  </div>
+<% end %>
diff --git a/app/views/pages/faq.html.erb b/app/views/pages/faq.html.erb
deleted file mode 100644
index ab8e903c4df..00000000000
--- a/app/views/pages/faq.html.erb
+++ /dev/null
@@ -1,7 +0,0 @@
-<% @title = t('.title') %>
-
-<div class="t-body">
-  <p>
-    <%= link_to "This page has been moved onto #{t(:title)}’s new support site.", "https://help.rubygems.org/kb/gemcutter/faq" %>
-  </p>
-</div>
diff --git a/app/views/pages/migrate.html.erb b/app/views/pages/migrate.html.erb
deleted file mode 100644
index aac2e406081..00000000000
--- a/app/views/pages/migrate.html.erb
+++ /dev/null
@@ -1,8 +0,0 @@
-<% @title = t('.title') %>
-
-<div class="l-colspan t-body">
-  <p>
-    <code>gem migrate</code> has been deprecated, all of the RubyForge accounts and ownerships have been transferred over to Gemcutter.
-  </p>
-  <p>If you’re having problems with your gems and pushing, <%= mail_to "support@rubygems.org", "please open a support request" %>.</p>
-</div>
diff --git a/app/views/pages/security.html.erb b/app/views/pages/security.html.erb
index e7731de0096..2955948a383 100644
--- a/app/views/pages/security.html.erb
+++ b/app/views/pages/security.html.erb
@@ -1,6 +1,6 @@
 <% @title = t('.title') %>
 
-<div class="l-colspan t-body">
+<%= prose do %>
   <p>
     Found a security issue with RubyGems or RubyGems.org?
     Please follow these steps to report it.
@@ -131,4 +131,4 @@
       security@rubygems.org</a> or <a href="https://github.com/rubygems/rubygems.org/issues">
       open an issue on GitHub</a>. Thanks!
   </p>
-</div>
+<% end %>
diff --git a/app/views/pages/sponsors.html.erb b/app/views/pages/sponsors.html.erb
index 7d93b9c5096..05b78bf813e 100644
--- a/app/views/pages/sponsors.html.erb
+++ b/app/views/pages/sponsors.html.erb
@@ -1,6 +1,6 @@
 <% @title = t('.title') %>
 
-<div class="l-colspan t-body">
+<%= prose do %>
   <p>
     RubyGems.org is made possible by support from the Ruby community. These companies provide the servers and developers that create the public infrastructure of the Ruby programming language.
   </p>
@@ -8,10 +8,11 @@
   <h2><a href="https://rubycentral.org">Ruby Central</a></h2>
   <p>
     Ruby Central, Inc. is a nonprofit 501(c)3 organization dedicated to the support and advocacy of the worldwide Ruby community. They organize the annual RubyConf and RailsConf as opportunities for Rubyists to collaborate and network. As part of those conferences, Ruby Central also operates the Opportunity Scholarship program to consistently bring new people into the tech community and to provide them with a comfortable, welcoming environment to explore our community and its events.
-    <br><br>
+  </p>
+  <p>
     They also fund and operate the Ruby Central Community Grant, underwriting events or open source projects that benefit the Ruby community, and they fund the ongoing server costs associated with running RubyGems.org.
 
-    You can support Ruby Central by attending or [sponsoring](sponsors@rubycentral.org) a conference, or by [joining as a supporting member](https://rubycentral.org/#/portal/signup).
+    You can support Ruby Central by attending or <a href="mailto:sponsors@rubycentral.org">contacting Ruby Central</a> about sponsoring a conference, or by <a href="https://rubycentral.org/#/portal/signup">joining as a supporting member</a>.
   </p>
 
   <h2><a href="https://fastly.com">Fastly</a></h2>
@@ -21,16 +22,12 @@
     Fastly provides the RubyGems.org content delivery network, allowing Ruby developers all over the world to download gems from nearby servers around the world.
   </p>
 
-  <hr>
-
   <h3><a href="https://1password.com">1Password</a></h3>
   <p>A password manager, digital vault, form filler and secure digital wallet. 1Password remembers all your passwords for you to help keep account information safe.</p>
 
-  <hr>
-
   <h3><a href="https://avohq.io">Avo</a></h3>
   <p>
     Avo is a custom Content Management System for Ruby on Rails that saves developers and teams months of development time. It's built on modern technologies and provides all the necessary hooks to ensure developers ship the best experiences to their customers.<br><br>
     Avo enables the RubyGems.org team to quickly build internal tools with limited resources.
   </p>
-</div>
+<% end %>
diff --git a/config/application.rb b/config/application.rb
index 340006377d5..bdc1e68bf04 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -108,6 +108,6 @@ def self.config
   ENABLE_DEVELOPMENT_ADMIN_LOG_IN = Rails.env.local?
   MAIL_SENDER = "RubyGems.org <no-reply@mailer.rubygems.org>".freeze
   PAGES = %w[
-    about data download faq migrate security sponsors
+    about data download security sponsors
   ].freeze
 end
diff --git a/config/importmap.rb b/config/importmap.rb
index 4897472eefb..681e27fe7b1 100644
--- a/config/importmap.rb
+++ b/config/importmap.rb
@@ -11,6 +11,8 @@
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
 pin_all_from "app/javascript/controllers", under: "controllers"
 pin "@stimulus-components/clipboard", to: "@stimulus-components--clipboard.js" # @5.0.0
+pin "@stimulus-components/dialog", to: "@stimulus-components--dialog.js" # @1.0.1
+pin "@stimulus-components/reveal", to: "@stimulus-components--reveal.js" # @5.0.0
 
 # vendored and adapted from https://github.com/mdo/github-buttons/blob/master/src/js.js
 pin "github-buttons"
diff --git a/config/locales/de.yml b/config/locales/de.yml
index 975b1593aa1..b6320cd83f7 100644
--- a/config/locales/de.yml
+++ b/config/locales/de.yml
@@ -243,6 +243,7 @@ de:
         blog: Blog
         contribute: Beitragen
         data: Daten
+        docs: Dokumentation
         designed_by: Design von
         discussion_forum: Diskussion
         gems_served_by: Gems angeboten von
@@ -257,6 +258,9 @@ de:
         statistics: Statistiken
         status: Status
         supported_by: Unterstützt von
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          wird unterstützt von
         tested_by:
         tracking_by: Getrackt von
         uptime: Betriebszeit
@@ -272,6 +276,11 @@ de:
         sign_out: Abmelden
         sign_up: Registrieren
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: Dashboard
+    settings:
+    org_name: 'Organisation: %{name}'
   mailer:
     confirm_your_email: Bitte bestätigen Sie Ihre E-Mail-Adresse mit dem Link, der
       an Ihre E-Mail gesendet wurde.
@@ -475,10 +484,6 @@ de:
       title: RubyGems.org Data Dumps
     download:
       title: Download RubyGems
-    faq:
-      title: FAQ
-    migrate:
-      title: Migrate gems
     security:
       title: Security
     sponsors:
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 3a05781c196..9f10e4a055a 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -229,6 +229,7 @@ en:
         blog: Blog
         contribute: Contribute
         data: Data
+        docs: Docs
         designed_by: Designed by
         discussion_forum: Discuss
         gems_served_by: Gems served by
@@ -243,6 +244,9 @@ en:
         statistics: Stats
         status: Status
         supported_by: Supported by
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          is supported by
         tested_by: Tested by
         tracking_by: Tracking by
         uptime: Uptime
@@ -258,6 +262,11 @@ en:
         sign_out: Sign out
         sign_up: Sign up
       mfa_banner_html: 🎉 We now support security devices! Improve your account security by <a href="/settings/edit#security-device">setting up</a> a new device. [Learn more](link to blog post)!
+  breadcrumbs:
+    home: Home
+    dashboard: Dashboard
+    settings: Settings
+    org_name: "Org: %{name}"
   mailer:
     confirm_your_email: Please confirm your email address with the link sent to your email.
     confirmation_subject: Please confirm your email address with %{host}
@@ -407,10 +416,6 @@ en:
       title: RubyGems.org Data Dumps
     download:
       title: Download RubyGems
-    faq:
-      title: FAQ
-    migrate:
-      title: Migrate gems
     security:
       title: Security
     sponsors:
diff --git a/config/locales/es.yml b/config/locales/es.yml
index 4efa807b479..3cb319bcb69 100644
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -242,6 +242,7 @@ es:
         blog: Blog
         contribute: Contribuye
         data: Datos
+        docs: Documentación
         designed_by: Diseñado por
         discussion_forum: Foro de Discusión
         gems_served_by: Distribuida por
@@ -256,6 +257,9 @@ es:
         statistics: Estadísticas
         status: Estado
         supported_by: Con el apoyo de
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          es respaldado por
         tested_by: Probado por
         tracking_by: Seguimiento con
         uptime: Uptime
@@ -271,6 +275,11 @@ es:
         sign_out: Salir
         sign_up: Registro
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: Dashboard
+    settings: Configuración
+    org_name: 'Org: %{name}'
   mailer:
     confirm_your_email: Por favor confirma tu dirección de correo con el enlace enviado.
     confirmation_subject: Por favor confirma tu dirección de correo con %{host}
@@ -463,10 +472,6 @@ es:
       title: Volcado de datos de RubyGems.org
     download:
       title: Descargar RubyGems
-    faq:
-      title: Preguntas Frecuentes
-    migrate:
-      title: Migrar Gemas
     security:
       title: Seguridad
     sponsors:
diff --git a/config/locales/fr.yml b/config/locales/fr.yml
index fcd1c729046..56ce112f954 100644
--- a/config/locales/fr.yml
+++ b/config/locales/fr.yml
@@ -234,6 +234,7 @@ fr:
         blog: Blog
         contribute: Contribuer
         data: Données
+        docs: Documentation
         designed_by: Design par
         discussion_forum: Discussions
         gems_served_by: Gems mis à disposition par
@@ -248,6 +249,9 @@ fr:
         statistics: Stats
         status: Statut
         supported_by: Soutenu par
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          <br class="hidden lg:block"> est soutenu par
         tested_by: Testé par
         tracking_by: Tracking par
         uptime: Uptime
@@ -263,6 +267,11 @@ fr:
         sign_out: Déconnexion
         sign_up: Inscription
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: Dashboard
+    settings: Paramètres
+    org_name: 'Org: %{name}'
   mailer:
     confirm_your_email: Veuillez confirmer votre adresse email avec le lien qui vous
       a été envoyé par email.
@@ -428,10 +437,6 @@ fr:
       title:
     download:
       title:
-    faq:
-      title:
-    migrate:
-      title:
     security:
       title:
     sponsors:
diff --git a/config/locales/ja.yml b/config/locales/ja.yml
index 1ea681dfbf4..4e722acdb0e 100644
--- a/config/locales/ja.yml
+++ b/config/locales/ja.yml
@@ -223,6 +223,7 @@ ja:
         blog: ブログ
         contribute: 貢献
         data: データ
+        docs: ドキュメント
         designed_by: 設計
         discussion_forum: 議論
         gems_served_by: gemの提供
@@ -237,6 +238,9 @@ ja:
         statistics: 統計
         status: 状態
         supported_by: 協賛
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          は以下から支援を受けています
         tested_by: テスト
         tracking_by: 追跡
         uptime: 稼働時間
@@ -253,6 +257,11 @@ ja:
         sign_up: 新規登録
       mfa_banner_html: "\U0001F389 セキュリティ機器に対応しました！新しい機器を<a href=\"/settings/edit#security-device\">設定</a>してアカウントのセキュリティを向上しましょう。[詳細はこちら](link
         to blog post)！"
+  breadcrumbs:
+    home:
+    dashboard: ダッシュボード
+    settings: 設定
+    org_name: 組織：%{name}
   mailer:
     confirm_your_email: Eメールに送信されたリンクからEメールアドレスを確認してください。
     confirmation_subject: "%{host}に登録されたメールアドレスを確認してください"
@@ -408,10 +417,6 @@ ja:
       title: RubyGems.orgのデータのダンプ
     download:
       title: RubyGemsをダウンロード
-    faq:
-      title: FAQ
-    migrate:
-      title: gemを移行する
     security:
       title: セキュリティ
     sponsors:
diff --git a/config/locales/nl.yml b/config/locales/nl.yml
index cf043b2b4a4..140f732287f 100644
--- a/config/locales/nl.yml
+++ b/config/locales/nl.yml
@@ -226,6 +226,7 @@ nl:
         blog: Blog
         contribute: Bijdragen
         data: Data
+        docs: Documentatie
         designed_by: Ontwerp
         discussion_forum: Forum
         gems_served_by:
@@ -240,6 +241,9 @@ nl:
         statistics: Statistieken
         status: Status
         supported_by: Ondersteuning
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          <br class="hidden lg:block"> wordt ondersteund door
         tested_by: Getest door
         tracking_by: Tracking
         uptime: Uptime
@@ -255,6 +259,11 @@ nl:
         sign_out: Uitloggen
         sign_up: Registreren
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: Dashboard
+    settings:
+    org_name: 'Organisatie: %{name}'
   mailer:
     confirm_your_email:
     confirmation_subject:
@@ -414,10 +423,6 @@ nl:
       title:
     download:
       title:
-    faq:
-      title:
-    migrate:
-      title:
     security:
       title:
     sponsors:
diff --git a/config/locales/pt-BR.yml b/config/locales/pt-BR.yml
index 0918fae12c5..95efe9ebcb7 100644
--- a/config/locales/pt-BR.yml
+++ b/config/locales/pt-BR.yml
@@ -231,6 +231,7 @@ pt-BR:
         blog: Blog
         contribute: Como Contribuir
         data: Dump de Dados
+        docs: Documentação
         designed_by: Design
         discussion_forum: Fóruns
         gems_served_by: Provisionamento
@@ -245,6 +246,9 @@ pt-BR:
         statistics: Estatísticas
         status: Status
         supported_by: Patrocínio
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          <br class="hidden lg:block"> é apoiado por
         tested_by: Testado por
         tracking_by: Coleta de Dados
         uptime: Uptime
@@ -260,6 +264,11 @@ pt-BR:
         sign_out: Sair
         sign_up: Cadastrar
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: Painel de Controle
+    settings: Configurações da Conta
+    org_name: 'Org: %{name}'
   mailer:
     confirm_your_email: Por favor, confirme seu endereço de email através do link
       que enviamos para o seu endereço de email.
@@ -425,10 +434,6 @@ pt-BR:
       title:
     download:
       title:
-    faq:
-      title:
-    migrate:
-      title:
     security:
       title:
     sponsors:
diff --git a/config/locales/zh-CN.yml b/config/locales/zh-CN.yml
index 6421206df98..2b24b842791 100644
--- a/config/locales/zh-CN.yml
+++ b/config/locales/zh-CN.yml
@@ -225,6 +225,7 @@ zh-CN:
         blog: 博客
         contribute: 贡献
         data: 数据
+        docs: 文档
         designed_by: 设计
         discussion_forum: 讨论
         gems_served_by: 服务
@@ -239,6 +240,9 @@ zh-CN:
         statistics: 统计
         status: 状态
         supported_by: 支持
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          <br class="hidden lg:block"> 由以下支持
         tested_by: 测试
         tracking_by: 追踪
         uptime: 服务运行时间
@@ -254,6 +258,11 @@ zh-CN:
         sign_out: 退出
         sign_up: 注册
       mfa_banner_html:
+  breadcrumbs:
+    home:
+    dashboard: 仪表盘
+    settings: 设置
+    org_name: 组织：%{name}
   mailer:
     confirm_your_email: 请在发送到您的邮件中点击链接，确认您的邮箱地址。
     confirmation_subject: 请确认您的邮箱地址
@@ -416,10 +425,6 @@ zh-CN:
       title: RubyGems.org 数据转储
     download:
       title: 下载 RubyGems
-    faq:
-      title: 常问问题
-    migrate:
-      title: 迁移 Gem
     security:
       title: 安全
     sponsors:
diff --git a/config/locales/zh-TW.yml b/config/locales/zh-TW.yml
index a2f84c0ded2..52da59cf777 100644
--- a/config/locales/zh-TW.yml
+++ b/config/locales/zh-TW.yml
@@ -224,6 +224,7 @@ zh-TW:
         blog: 部落格
         contribute: 貢獻
         data: 資料
+        docs: 文件
         designed_by: 設計
         discussion_forum: 討論群組
         gems_served_by: 服務
@@ -238,6 +239,9 @@ zh-TW:
         statistics: 統計
         status: 狀態
         supported_by: 支持
+        supported_by_html: |
+          <a href="https://rubygems.org" class="font-semibold">RubyGems.org</a>
+          <br class="hidden lg:block"> 由以下支持
         tested_by: 測試
         tracking_by: 追蹤
         uptime: 上線時間
@@ -253,6 +257,11 @@ zh-TW:
         sign_out: 登出
         sign_up: 註冊
       mfa_banner_html: "\U0001F389 我們現在支援安全裝置了！<a href=\"/settings/edit#security-device\">設定</a>新的裝置來提升您的帳號安全。[了解詳情](部落格文章連結)！"
+  breadcrumbs:
+    home:
+    dashboard:
+    settings:
+    org_name: 組織：%{name}
   mailer:
     confirm_your_email: 已寄送連結，請點擊連結來確認您的電子郵件地址。
     confirmation_subject: "%{host} 電子郵件地址確認"
@@ -410,10 +419,6 @@ zh-TW:
       title:
     download:
       title: 下載 RubyGems
-    faq:
-      title: 常見問題
-    migrate:
-      title: 轉移 Gems
     security:
       title: 安全性
     sponsors:
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index 664dbdb8c31..b0ee5019caf 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -13,37 +13,41 @@ module.exports = {
   ],
   theme: {
     extend: {
+      screens: {
+        'sm': '480px' // Below this is a phone in portrait mode
+      },
       fontFamily: {
         sans: ['"Titillium Web"', ...defaultTheme.fontFamily.sans],
         mono: ['"Fira Code"', ...defaultTheme.fontFamily.mono],
       },
       fontSize: {
-        lg:   ['1.4375rem', '2.156rem'], /* Base/01 23px, 34.5px */
-        base: ['1.1875rem', '1.781rem'], /* Base/02 19px, 28.5px */
-        sm:   ['1.0000rem', '1.500rem'], /* Base/03 16px, 24px */
-        xs:   ['0.8750rem', '1.313rem'], /* Base/04 14px, 21px */
+        lg:   ['1.4375rem', '2.156rem'], // Base/01 23px, 34.5px
+        base: ['1.1875rem', '1.781rem'], // Base/02 19px, 28.5px
+        sm:   ['1.0000rem', '1.500rem'], // Base/03 16px, 24px
+        xs:   ['0.8750rem', '1.313rem'], // Base/04 14px, 21px
 
-        d1: ['3.1875rem', '3.825rem'], /* Display/01 51px, 61.2px */
-        d2: ['2.9375rem', '3.525rem'], /* Display/02 47px, 56.4px */
-        d3: ['2.6875rem', '3.225rem'], /* Display/03 43px, 51.6px */
-        h1: ['2.4375rem', '2.925rem'], /* Header/01 39px, 46.8px */
-        h2: ['2.1875rem', '2.625rem'], /* Header/02 35px, 42px */
-        h3: ['1.9375rem', '2.325rem'], /* Header/03 31px, 37.2px */
-        h4: ['1.6875rem', '2.025rem'], /* Header/04 27px, 32.4px */
-        b1: ['1.4375rem', '2.156rem'], /* Base/01 23px, 34.5px */
-        b2: ['1.1875rem', '1.781rem'], /* Base/02 19px, 28.5px */
-        b3: ['1.0000rem', '1.500rem'], /* Base/03 16px, 24px */
-        b4: ['0.8750rem', '1.313rem'], /* Base/04 14px, 21px */
-        c1: ['1.6875rem', '2.025rem'], /* Code/01 27px, 32.4px */
-        c2: ['1.4375rem', '1.725rem'], /* Code/02 23px, 27.6px */
-        c3: ['1.1250rem', '1.350rem'], /* Code/03 18px, 21.6px */
-        c4: ['1.0000rem', '1.200rem'], /* Code/04 16px, 19.2px */
+        d1: ['3.1875rem', '3.825rem'], // Display/01 51px, 61.2px
+        d2: ['2.9375rem', '3.525rem'], // Display/02 47px, 56.4px
+        d3: ['2.6875rem', '3.225rem'], // Display/03 43px, 51.6px
+        h1: ['2.4375rem', '2.925rem'], // Header/01 39px, 46.8px
+        h2: ['2.1875rem', '2.625rem'], // Header/02 35px, 42px
+        h3: ['1.8750rem', '2.325rem'], // Header/03 31px, 37.2px
+        h4: ['1.6875rem', '2.025rem'], // Header/04 27px, 32.4px
+        b1: ['1.4375rem', '2.156rem'], // Base/01 23px, 34.5px
+        b2: ['1.1875rem', '1.781rem'], // Base/02 19px, 28.5px
+        b3: ['1.0000rem', '1.500rem'], // Base/03 16px, 24px
+        b4: ['0.8750rem', '1.313rem'], // Base/04 14px, 21px
+        c1: ['1.6875rem', '2.025rem'], // Code/01 27px, 32.4px
+        c2: ['1.4375rem', '1.725rem'], // Code/02 23px, 27.6px
+        c3: ['1.1250rem', '1.350rem'], // Code/03 18px, 21.6px
+        c4: ['1.0000rem', '1.200rem'], // Code/04 16px, 19.2px
       },
       colors: {
         transparent: 'transparent',
         current: 'currentColor',
-        'white': '#ffffff',
-        'red': {
+        'white': '#FFFFFF',
+        'black': '#000000',
+        'red': { // Warn / Failure
           100: '#FFEEF1',
           200: '#FFC4CD',
           300: '#FF9CB0',
@@ -54,18 +58,20 @@ module.exports = {
           800: '#730012',
           900: '#58000A',
         },
-        'orange': {
+        'orange': { // Primary
           100: '#FFF0EC',
-          200: '#FFD0C5',
+          200: '#FFC6AD',
           300: '#FFA983',
           400: '#FF7539',
           500: '#F74C27',
-          600: '#E54523',
+          DEFAULT: '#F74C27', // 500 brand primary
+          600: '#E04300',
           700: '#AD2F14',
           800: '#761A05',
-          900: '#631200',
+          900: '#581A0C',
+          950: '#3A1007',
         },
-        'yellow': {
+        'yellow': { // Alert
           100: '#FFFBF7',
           200: '#FFF4EA',
           300: '#FFE4BB',
@@ -76,7 +82,7 @@ module.exports = {
           800: '#7A4E0C',
           900: '#4D2E00',
         },
-        'green': {
+        'green': { // Success
           100: '#F1FFFE',
           200: '#E1FFFC',
           300: '#C9FFF9',
@@ -87,7 +93,7 @@ module.exports = {
           800: '#004F56',
           900: '#00373B',
         },
-        'blue': {
+        'blue': { // Info
           100: '#F3F9FF',
           200: '#E1F1FF',
           300: '#92C0F4',
@@ -97,21 +103,149 @@ module.exports = {
           700: '#3F699A',
           800: '#234C7D',
           900: '#113765',
+          950: '#06264C',
         },
         'neutral': {
+          // WHITE
+          // Light
+          //   background (general)
+          //   secondary search bar background
+          // Dark
+          //   primary text
+          //   primary icons
           '000': '#FFFFFF',
+
+          // neutral-050
+          // Light
+          //   work canvas
+          //   form input
+          // Dark (not used)
           '050': '#FBFBFB',
-          '100': '#F6F6F6',
-          '200': '#EEEEEE',
-          '300': '#E2E2E2',
-          '400': '#D5D5D5',
-          '500': '#C3C5C7',
-          '600': '#969CA7',
-          '700': '#636B79',
-          '800': '#454C59',
-          '850': '#2F3643',
-          '900': '#13181F',
-          '950': '#191E26',
+
+          // neutral-100
+          // Light
+          //   primary search bar bg
+          // Dark (not used)
+          '100': '#EEF1F3',
+
+          // neutral-200
+          // Light
+          //   tab hover
+          //   pagination hover
+          //   neutral toasts
+          //   neutral badges
+          //   neutral labels (dropdown)
+          //   low performance indicators
+          // Dark
+          //   primary text hover
+          '200': '#E3E7EA',
+
+          // neutral-300
+          // Light
+          //   disabled buttons
+          //   disabled form input
+          //   list dividing line
+          //   tab dividing line
+          //   outside line default
+          //     search bar
+          //     dropdown
+          //     chips
+          // Dark (not used)
+          '300': '#D7DEE3',
+
+          // neutral-400
+          // Light (not used)
+          // Dark
+          //   secondary text
+          //     disabled button text
+          //     inactive search bar
+          //     nav breadcrumbs
+          //   secondary icons
+          '400': '#C6CED5',
+
+          // neutral-500
+          // Light
+          //   outside stroke
+          //     general containers
+          //     neutral toasts
+          //   outside stroke active states
+          //     search bar
+          //     drop downs
+          //     chips
+          // Dark (not used)
+          '500': '#AEB8C1',
+
+          // neutral-600
+          // Light
+          //   secondary text
+          //     disabled button text
+          //     inactive search bar
+          //     nav breadcrumbs
+          //     search result gem description captions
+          //     text counters [  Gems  4  ]
+          //     sort by - not active
+          //   secondary icons
+          // Dark
+          //   secondary text
+          //     search result gem description captions
+          //     text counters [  Gems  4  ]
+          //     sort by - not active
+          //
+          '600': '#6C7583',
+
+          // neutral-700
+          // Light (not used)
+          // Dark
+          //   disabled buttons
+          //   disabled form input
+          //   list dividing line
+          //   tab dividing line
+          //   outside line default
+          //     search bar
+          //     dropdown
+          //     chips
+          //   outside stroke
+          //     general containers
+          //     neutral toasts
+          //   outside stroke active states
+          //     search bar
+          //     drop downs
+          //     chips
+          '700': '#434B59',
+
+          // neutral-800
+          // Light
+          //   primary text
+          //   primary icons
+          // Dark
+          //   tab hover
+          //   pagination hover
+          //   neutral toasts
+          //   neutral badges
+          //   neutral labels (dropdown)
+          //   low performance indicators
+          '800': '#333A45',
+
+          // neutral-900
+          // Light (not used)
+          // Dark
+          //   primary search bar background
+          '900': '#222831',
+
+          // neutral-950
+          // Light (not used)
+          // Dark
+          //   work canvas
+          //   form input
+          '950': '#16191E',
+
+          // BLACK
+          // Light
+          //   primary text hover
+          // Dark
+          //   background (general)
+          //   secondary search bar background
+          '1000': '#000000',
         },
       },
     },
diff --git a/public/images/icons.svg b/public/images/icons.svg
new file mode 100644
index 00000000000..321ab50e6af
--- /dev/null
+++ b/public/images/icons.svg
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <symbol viewBox="0 0 32 32" id="logo">
+      <path d="M10.4 10.5l-3.9 4L16 24l9.6-9.5-3.9-4H10.4ZM16 29 4.7 22.5V9.5L16 3 27.3 9.5v13L16 29ZM2 8V24l14 8 14-8V8L16 0 2 8Z"/>
+    </symbol>
+
+    <!-- Material icons -->
+    <symbol id="arrow-circle-right" viewBox="0 0 24 24" enable-background="new 0 0 24 24">
+      <g>
+        <rect fill="none" height="24" width="24"/>
+        <rect fill="none" height="24" width="24"/>
+      </g>
+      <g>
+        <path d="M22,12c0-5.52-4.48-10-10-10C6.48,2,2,6.48,2,12s4.48,10,10,10C17.52,22,22,17.52,22,12z M12,14.79V13H9 c-0.55,0-1-0.45-1-1s0.45-1,1-1h3V9.21c0-0.45,0.54-0.67,0.85-0.35l2.79,2.79c0.2,0.2,0.2,0.51,0,0.71l-2.79,2.79 C12.54,15.46,12,15.24,12,14.79z"/>
+      </g>
+    </symbol>
+    <symbol id="arrow-drop-down" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/>
+    </symbol>
+    <symbol id="chevron-right" viewBox="0 0 960 1147"><path d="M518 576L355 413q-8-8-8.5-20.5T355 371q9-9 21-9t21 9l180 180q5 5 7.5 11.5T587 576q0 7-2.5 13.5T577 601L397 781q-8 8-20.5 8.5T355 781q-9-9-9-21t9-21l163-163z"/></symbol>
+    <symbol id="close" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/>
+    </symbol>
+    <symbol id="error" viewBox="0 0 24 24">
+      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/>
+    </symbol>
+    <symbol id="content-copy" viewBox="0 0 24 24" enable-background="new 0 0 24 24">
+      <g>
+        <rect fill="none" height="24" width="24"/>
+      </g>
+      <g>
+        <path d="M15,20H5V7c0-0.55-0.45-1-1-1h0C3.45,6,3,6.45,3,7v13c0,1.1,0.9,2,2,2h10c0.55,0,1-0.45,1-1v0C16,20.45,15.55,20,15,20z M20,16V4c0-1.1-0.9-2-2-2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9C19.1,18,20,17.1,20,16z M18,16H9V4h9V16z"/>
+      </g>
+    </symbol>
+    <symbol id="history" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M13.26 3C8.17 2.86 4 6.95 4 12H2.21c-.45 0-.67.54-.35.85l2.79 2.8c.2.2.51.2.71 0l2.79-2.8c.31-.31.09-.85-.36-.85H6c0-3.9 3.18-7.05 7.1-7 3.72.05 6.85 3.18 6.9 6.9.05 3.91-3.1 7.1-7 7.1-1.61 0-3.1-.55-4.28-1.48-.4-.31-.96-.28-1.32.08-.42.42-.39 1.13.08 1.49C9 20.29 10.91 21 13 21c5.05 0 9.14-4.17 9-9.26-.13-4.69-4.05-8.61-8.74-8.74zm-.51 5c-.41 0-.75.34-.75.75v3.68c0 .35.19.68.49.86l3.12 1.85c.36.21.82.09 1.03-.26.21-.36.09-.82-.26-1.03l-2.88-1.71v-3.4c0-.4-.34-.74-.75-.74z"/>
+    </symbol>
+    <symbol id="house-siding" viewBox="0 0 960 1147"><path d="M274 796v90q0 13-8.5 21.5T244 916q-13 0-21.5-8.5T214 886V512l-94 71q-11 7-22.5 6T78 577q-7-10-6-22t12-20l352-266q10-7 21-10.5t23-3.5q12 0 23 3.5t21 10.5l352 266q10 8 12 20t-6 22q-8 11-19.5 12t-22.5-6l-93-71v374q0 13-9 21.5t-21 8.5q-13 0-21.5-8.5T687 886v-90H274zm0-215h413v-96H274v96zm0 155h413v-95H274v95zm54-311h304L480 312 328 425z"/></symbol>
+
+    <symbol id="keyboard-arrow-down" viewBox="0 0 24 24">
+      <path d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"/>
+    </symbol>
+    <symbol id="keyboard-arrow-up" viewBox="0 0 24 24">
+      <path d="M8.12 14.71L12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.39-.39-1.02-.39-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0z"/>
+    </symbol>
+    <symbol id="language" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"/>
+    </symbol>
+    <symbol id="menu" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/>
+    </symbol>
+    <symbol id="search" viewBox="0 0 24 24">
+      <path d="M9.7 14.1c-1.3 0-2.4-.4-3.3-1.3-.9-.9-1.3-2-1.3-3.3s.4-2.4 1.3-3.3c.9-.9 2-1.3 3.3-1.3 1.3 0 2.4.4 3.3 1.3.9.9 1.3 2 1.3 3.3s-.4 2.4-1.3 3.3c-.9.9-2 1.3-3.3 1.3Zm0 1.5c.7 0 1.4-.1 2-.3.7-.3 1.2-.6 1.7-1l5.8 5.8c.1.1.3.2.5.2s.4-.1.5-.2c.2-.2.3-.4.2-.6 0-.2 0-.4-.2-.5l-5.7-5.8c.4-.4.7-1 .9-1.7.3-.6.4-1.3.4-2 0-1.7-.6-3.2-1.8-4.3C12.8 4 11.4 3.4 9.7 3.4 8 3.4 6.5 4 5.3 5.2 4.2 6.3 3.6 7.8 3.6 9.5s.6 3.2 1.7 4.3C6.5 15 8 15.6 9.7 15.6Z"/>
+    </symbol>
+    <symbol id="settings" viewBox="0 0 24 24" enable-background="new 0 0 24 24">
+      <rect fill="none" height="24" width="24"/>
+      <path d="M19.5,12c0-0.23-0.01-0.45-0.03-0.68l1.86-1.41c0.4-0.3,0.51-0.86,0.26-1.3l-1.87-3.23c-0.25-0.44-0.79-0.62-1.25-0.42 l-2.15,0.91c-0.37-0.26-0.76-0.49-1.17-0.68l-0.29-2.31C14.8,2.38,14.37,2,13.87,2h-3.73C9.63,2,9.2,2.38,9.14,2.88L8.85,5.19 c-0.41,0.19-0.8,0.42-1.17,0.68L5.53,4.96c-0.46-0.2-1-0.02-1.25,0.42L2.41,8.62c-0.25,0.44-0.14,0.99,0.26,1.3l1.86,1.41 C4.51,11.55,4.5,11.77,4.5,12s0.01,0.45,0.03,0.68l-1.86,1.41c-0.4,0.3-0.51,0.86-0.26,1.3l1.87,3.23c0.25,0.44,0.79,0.62,1.25,0.42 l2.15-0.91c0.37,0.26,0.76,0.49,1.17,0.68l0.29,2.31C9.2,21.62,9.63,22,10.13,22h3.73c0.5,0,0.93-0.38,0.99-0.88l0.29-2.31 c0.41-0.19,0.8-0.42,1.17-0.68l2.15,0.91c0.46,0.2,1,0.02,1.25-0.42l1.87-3.23c0.25-0.44,0.14-0.99-0.26-1.3l-1.86-1.41 C19.49,12.45,19.5,12.23,19.5,12z M12.04,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.97,15.5,12.04,15.5z"/>
+    </symbol>
+    <symbol id="tune" viewBox="0 0 24 24">
+      <path d="M0 0h24v24H0V0z" fill="none"/>
+      <path d="M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1zM3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1zm10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1zM7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1zm14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1zm-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1z"/>
+    </symbol>
+    <symbol id="warning" viewBox="0 0 24 24">
+      <path d="M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/>
+    </symbol>
+
+    <symbol viewBox="0 0 24 24" id="profile">
+      <path d="M2.1 20.5A14.2 14.2 90 016.5 17.6C8.2 16.9 10 16.5 12 16.5 13.9 16.5 15.8 16.9 17.4 17.6A14.2 14.2 90 0121.9 20.5V2.6A.4.4 90 0021.7 2.3.4.4 90 0021.4 2.1H2.6A.4.4 90 002.3 2.3.4.4 90 002.1 2.6V20.5ZM12 14.4C13.3 14.4 14.4 14 15.2 13.1S16.6 11.1 16.6 9.8C16.6 8.5 16.1 7.5 15.2 6.6S13.3 5.2 12 5.2C10.7 5.2 9.6 5.7 8.7 6.6S7.4 8.5 7.4 9.8C7.4 11.1 7.9 12.2 8.7 13.1S10.7 14.4 12 14.4ZM2.6 24C1.8 24 1.2 23.7.7 23.3.2 22.8 0 22.2 0 21.4V2.6C0 1.8.2 1.2.7.7 1.2.2 1.8 0 2.6 0H21.4C22.2 0 22.8.2 23.3.7 23.7 1.2 24 1.8 24 2.6V21.4C24 22.2 23.7 22.8 23.3 23.3 22.8 23.7 22.2 24 21.4 24H2.6ZM3.8 21.9H20.2C19 20.8 17.7 20 16.3 19.4A12 12 90 0012 18.6C10.6 18.6 9.1 18.9 7.7 19.4 6.3 20 4.9 20.8 3.8 21.9ZM12 12.3A2.4 2.4 90 0110.3 11.6 2.4 2.4 90 019.5 9.8C9.5 9.1 9.8 8.6 10.3 8.1A2.4 2.4 90 0112 7.3C12.7 7.3 13.3 7.6 13.7 8.1 14.2 8.6 14.5 9.1 14.5 9.8 14.5 10.5 14.2 11.1 13.7 11.6A2.4 2.4 90 0112 12.3Z"/>
+    </symbol>
+    <symbol viewBox="0 0 32 32" id="toast">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 30a14 14 0 1 0 0-28 14 14 0 0 0 0 28Zm0 2a16 16 0 1 0 0-32 16 16 0 0 0 0 32ZM8 16a1 1 0 0 0 1 1h11.586l-4.294 4.293a1.001 1.001 0 0 0 1.416 1.416l6-6a1 1 0 0 0 0-1.416l-6-6a1.002 1.002 0 0 0-1.416 1.416l4.294 4.292H9a1 1 0 0 0-1 1Z"/>
+    </symbol>
+    <symbol viewBox="0 0 24 24" id="history">
+      <path d="M12 23.9c-2.8 0-5.3-.9-7.4-2.6-2.1-1.7-3.5-3.9-4.1-6.6a.9.9 90 01.1-.8 1 1 90 01.7-.4 1.1 1.1 90 01.8.2c.2.2.4.4.5.7.5 2.2 1.7 3.9 3.4 5.3 1.8 1.4 3.8 2.1 6 2.1 2.7 0 5-1 6.9-2.9s2.9-4.2 2.9-6.9-1-5-2.9-6.9C17 3.2 14.7 2.2 12 2.2a9.4 9.4 90 00-4.3 1A10.6 10.6 90 004.2 6h2.6c.3 0 .5.1.7.3a1 1 90 01.3.7 1 1 90 01-.3.7 1 1 90 01-.7.3H2a1.2 1.2 90 01-.9-.4 1.2 1.2 90 01-.4-.9V2.1c0-.3.1-.5.3-.7a1 1 90 01.7-.3c.3 0 .5.1.7.3a1 1 90 01.3.7v2.3A11.9 11.9 90 017 1.2a11.7 11.7 90 015-1.1 11.6 11.6 90 014.6.9c1.4.6 2.7 1.5 3.8 2.5a12.1 12.1 90 012.5 3.8 11.6 11.6 90 01.9 4.6c0 1.7-.3 3.2-.9 4.6a12 12 90 01-2.5 3.8 12 12 90 01-3.8 2.5 11.6 11.6 90 01-4.6.9Zm1.1-12.3 3.8 3.9a1 1 90 01.3.7 1 1 90 01-.3.7 1 1 90 01-.7.3 1 1 90 01-.7-.3l-4.1-4.1a1.3 1.3 90 01-.4-.9V6.1c0-.3.1-.5.3-.7a1 1 90 01.7-.3c.3 0 .5.1.7.3a1 1 90 01.3.7v5.5Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="ruby-central">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.362 11.513a9.603 9.603 0 0 1 9.604-9.604h21.131a9.605 9.605 0 0 1 9.605 9.604v21.131a9.606 9.606 0 0 1-9.605 9.605h-21.13a9.605 9.605 0 0 1-9.605-9.605v-21.13ZM44.33 21.886c0 8.063-6.537 14.6-14.6 14.6s-14.599-6.537-14.599-14.6 6.536-14.6 14.6-14.6 14.599 6.537 14.599 14.6ZM27.164 13.05c-.984 0-1.92.418-2.577 1.149L21.4 17.742a3.467 3.467 0 0 0-.1 4.518l5.916 7.196a3.467 3.467 0 0 0 5.354 0l5.916-7.196a3.467 3.467 0 0 0-.1-4.518l-3.187-3.544a3.467 3.467 0 0 0-2.577-1.15h-5.458ZM26.591 16a.77.77 0 0 1 .573-.254h5.458c.219 0 .426.093.573.254l3.186 3.545a.77.77 0 0 1 .022 1.004l-5.915 7.197a.77.77 0 0 1-1.19 0l-5.915-7.197a.77.77 0 0 1 .022-1.004L26.591 16Zm32.113 40.033c.05.049.108.074.178.074h.868a.24.24 0 0 0 .177-.074.238.238 0 0 0 .073-.177v-6.917a.24.24 0 0 0-.073-.18.243.243 0 0 0-.177-.072h-.868a.245.245 0 0 0-.178.073.246.246 0 0 0-.073.179v6.917c0 .07.025.13.073.177Zm-4.164.178c-.361 0-.689-.07-.982-.209a1.907 1.907 0 0 1-.7-.576 1.403 1.403 0 0 1-.25-.814 1.365 1.365 0 0 1 .584-1.16c.397-.293.92-.488 1.568-.585l1.432-.21v-.218c0-.293-.073-.52-.22-.68-.146-.16-.397-.24-.752-.24a1.112 1.112 0 0 0-.617.156.91.91 0 0 0-.345.398.266.266 0 0 1-.24.135h-.826c-.076 0-.135-.02-.177-.062a.256.256 0 0 1-.053-.168 1.062 1.062 0 0 1 .137-.407c.083-.16.216-.314.397-.46.18-.153.414-.282.7-.386.286-.105.63-.157 1.034-.157.44 0 .808.055 1.109.167a1.862 1.862 0 0 1 .73.428c.182.181.314.395.398.638.083.243.125.501.125.773v3.282a.24.24 0 0 1-.073.177.243.243 0 0 1-.177.074h-.847a.258.258 0 0 1-.189-.074.267.267 0 0 1-.062-.177v-.408a1.655 1.655 0 0 1-.366.376 2.124 2.124 0 0 1-.565.283 2.533 2.533 0 0 1-.773.104Zm.356-.993c.244 0 .463-.052.658-.156a1.08 1.08 0 0 0 .47-.48c.119-.224.178-.503.178-.837v-.22l-1.045.167c-.41.063-.717.164-.92.303-.2.14-.303.31-.303.513a.61.61 0 0 0 .137.397.95.95 0 0 0 .365.24c.146.048.3.073.46.073Zm-5.827.815a.243.243 0 0 0 .177.074h.909c.077 0 .14-.025.188-.074a.243.243 0 0 0 .074-.177v-2.873c0-.328.09-.586.272-.774.187-.188.449-.283.783-.283h.815c.077 0 .136-.023.178-.073a.243.243 0 0 0 .073-.178v-.752a.243.243 0 0 0-.073-.177.222.222 0 0 0-.178-.073h-.428c-.335 0-.63.06-.889.177a1.579 1.579 0 0 0-.617.513v-.43a.237.237 0 0 0-.083-.187.243.243 0 0 0-.177-.073h-.847a.25.25 0 0 0-.25.26v4.923c0 .07.023.13.073.177Zm-1.774.074c-.418 0-.77-.074-1.056-.22a1.4 1.4 0 0 1-.637-.648c-.14-.292-.21-.654-.21-1.086V51.78h-.825a.243.243 0 0 1-.178-.073.246.246 0 0 1-.073-.179v-.606c0-.07.025-.129.073-.177a.243.243 0 0 1 .178-.073h.825v-1.734c0-.071.021-.13.064-.18a.256.256 0 0 1 .187-.072h.846a.246.246 0 0 1 .251.252v1.734h1.307c.07 0 .13.024.178.073a.243.243 0 0 1 .073.177v.606c0 .07-.025.13-.073.179a.243.243 0 0 1-.178.073H46.74v2.268c0 .285.05.507.147.668.105.16.283.24.533.24h.722c.07 0 .127.025.177.074a.243.243 0 0 1 .073.177v.648a.24.24 0 0 1-.073.177.245.245 0 0 1-.177.074h-.847Zm-8.542-.074a.243.243 0 0 0 .177.074h.92a.24.24 0 0 0 .178-.074.238.238 0 0 0 .073-.177V52.98c0-.403.108-.72.324-.95.216-.23.505-.346.867-.346.377 0 .662.116.857.345.202.23.304.548.304.951v2.875c0 .07.024.13.072.177.05.049.108.074.179.074h.918c.071 0 .13-.025.179-.074a.243.243 0 0 0 .073-.177v-2.937c0-.488-.088-.906-.262-1.253a1.844 1.844 0 0 0-.72-.806 2.053 2.053 0 0 0-1.108-.292c-.418 0-.77.076-1.056.23a2.18 2.18 0 0 0-.69.554v-.429a.243.243 0 0 0-.072-.177.24.24 0 0 0-.178-.073h-.858a.238.238 0 0 0-.177.073.243.243 0 0 0-.073.177v4.933c0 .07.024.13.073.177Zm-3.443.178c-.774 0-1.387-.223-1.84-.67-.453-.445-.696-1.079-.73-1.9a2.545 2.545 0 0 1-.012-.263c0-.111.004-.198.011-.26.027-.523.147-.976.355-1.36.216-.382.513-.675.889-.877.376-.208.818-.313 1.327-.313.563 0 1.037.118 1.42.355.384.23.674.554.869.972.194.411.291.888.291 1.431v.22a.238.238 0 0 1-.073.178.253.253 0 0 1-.187.073h-3.47v.083c.007.244.052.47.136.68a1.233 1.233 0 0 0 .387.49c.174.126.38.19.616.19a1.3 1.3 0 0 0 .491-.084 1.293 1.293 0 0 0 .502-.397c.063-.085.111-.133.146-.147a.407.407 0 0 1 .177-.03h.9c.069 0 .125.02.167.061a.174.174 0 0 1 .063.157c-.007.111-.067.248-.179.408a1.938 1.938 0 0 1-.459.47 2.71 2.71 0 0 1-.763.386 3.322 3.322 0 0 1-1.034.147Zm-1.15-3.292h2.309v-.03c0-.273-.045-.51-.135-.712a1.12 1.12 0 0 0-.397-.48 1.082 1.082 0 0 0-.627-.178 1.08 1.08 0 0 0-.627.178 1.112 1.112 0 0 0-.397.48 1.838 1.838 0 0 0-.126.711v.031Zm-6.727 2.958c.453.223 1.003.334 1.65.334.475 0 .9-.062 1.275-.187a3.02 3.02 0 0 0 .962-.513c.265-.222.47-.48.617-.773a2.222 2.222 0 0 0 .23-.951.17.17 0 0 0-.063-.157.211.211 0 0 0-.157-.063h-.993a.313.313 0 0 0-.187.052c-.05.035-.085.102-.106.199-.11.453-.303.767-.574.94-.272.168-.61.251-1.013.251-.467 0-.84-.129-1.119-.386-.279-.265-.428-.697-.449-1.295a24.37 24.37 0 0 1 0-1.757c.021-.6.17-1.028.45-1.284.277-.266.651-.398 1.118-.398.403 0 .74.084 1.013.251.271.166.464.48.574.94a.354.354 0 0 0 .106.198.313.313 0 0 0 .187.054h.993a.211.211 0 0 0 .157-.064.171.171 0 0 0 .063-.156 2.218 2.218 0 0 0-.847-1.714 2.898 2.898 0 0 0-.962-.523 4.018 4.018 0 0 0-1.274-.188c-.64 0-1.188.115-1.641.345a2.408 2.408 0 0 0-1.034.972c-.237.425-.37.93-.397 1.515a37.886 37.886 0 0 0 0 1.86c.027.593.16 1.102.397 1.526.237.418.578.742 1.024.972Zm-7.801 2.216a.2.2 0 0 1-.147-.064.199.199 0 0 1-.063-.146V57.8a.474.474 0 0 1 .042-.083l.816-1.934-2.007-4.734a.482.482 0 0 1-.041-.147.25.25 0 0 1 .073-.156.196.196 0 0 1 .156-.073h.847c.083 0 .146.02.187.063a.424.424 0 0 1 .095.135l1.39 3.417 1.43-3.417a.314.314 0 0 1 .095-.135c.042-.042.104-.063.189-.063h.835a.2.2 0 0 1 .147.063.186.186 0 0 1 .073.145.468.468 0 0 1-.042.168l-2.957 6.845a.417.417 0 0 1-.105.135c-.041.043-.105.064-.188.064h-.825Zm-4.87-2.09c.272.138.61.208 1.013.208.37 0 .69-.058.962-.178.272-.125.498-.299.68-.522.18-.222.32-.484.417-.783a3.8 3.8 0 0 0 .168-1.003 6.92 6.92 0 0 0 .01-.335c0-.105-.004-.22-.01-.345a3.348 3.348 0 0 0-.158-.972 2.281 2.281 0 0 0-.428-.784 1.828 1.828 0 0 0-.679-.533 2.278 2.278 0 0 0-.962-.188 2.123 2.123 0 0 0-.96.199 1.983 1.983 0 0 0-.648.491v-2.32a.246.246 0 0 0-.074-.178.223.223 0 0 0-.177-.073h-.889a.243.243 0 0 0-.177.073.246.246 0 0 0-.074.179v6.917c0 .07.025.13.074.177a.243.243 0 0 0 .177.074h.826a.22.22 0 0 0 .177-.074.238.238 0 0 0 .073-.177v-.386c.175.216.394.393.66.532Zm1.327-1.098c-.167.126-.4.188-.7.188-.285 0-.519-.066-.7-.198a1.197 1.197 0 0 1-.387-.502 2.28 2.28 0 0 1-.135-.637 6.72 6.72 0 0 1 0-.805c.006-.21.055-.408.146-.595a1.2 1.2 0 0 1 .397-.482c.174-.125.4-.187.68-.187.298 0 .532.065.7.198a1 1 0 0 1 .354.502c.077.208.122.438.137.69.013.208.013.417 0 .627a2.39 2.39 0 0 1-.137.689 1.065 1.065 0 0 1-.355.512ZM8.603 56.21c-.425 0-.794-.094-1.108-.282a1.93 1.93 0 0 1-.71-.815 2.912 2.912 0 0 1-.25-1.254v-2.937c0-.07.023-.129.073-.177a.238.238 0 0 1 .177-.073h.92a.22.22 0 0 1 .177.073.243.243 0 0 1 .073.177v2.874c0 .864.38 1.296 1.139 1.296.362 0 .648-.116.857-.345.216-.23.324-.547.324-.951v-2.874c0-.07.024-.129.074-.177a.238.238 0 0 1 .177-.073h.92c.07 0 .129.023.177.073a.243.243 0 0 1 .074.177v4.933c0 .07-.025.13-.074.177a.243.243 0 0 1-.177.074h-.847a.258.258 0 0 1-.188-.074.267.267 0 0 1-.062-.177v-.428a2.031 2.031 0 0 1-.7.574c-.28.14-.627.209-1.046.209Zm-8.53-.178c.05.05.109.074.178.074h.951c.077 0 .136-.024.177-.074a.238.238 0 0 0 .074-.177v-2.509h1.453l1.348 2.478a.84.84 0 0 0 .147.187c.062.064.152.095.27.095h.952a.199.199 0 0 0 .145-.062.197.197 0 0 0 .074-.158.252.252 0 0 0-.031-.114l-1.526-2.665a2.12 2.12 0 0 0 1.014-.742c.257-.342.386-.77.386-1.285 0-.746-.243-1.315-.73-1.704-.489-.39-1.154-.585-1.997-.585H.251a.238.238 0 0 0-.177.073.253.253 0 0 0-.074.188v6.803c0 .07.025.13.074.177Zm2.853-3.866H1.453V49.95h1.473c.432 0 .75.102.952.303.209.196.313.467.313.816s-.104.62-.313.815c-.21.188-.526.282-.952.282Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="dnsimple">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.175 24.787a3.92 3.92 0 0 0-.843.075v2.802c-.392-.151-.844-.226-1.446-.226-2.139 0-3.887 1.461-3.887 3.811 0 2.41 1.597 3.736 3.947 3.736 1.16 0 2.35-.316 3.088-.708v-9.415a4.242 4.242 0 0 0-.859-.075Zm-2.259 8.707c-1.296 0-2.184-.874-2.184-2.275 0-1.386.949-2.275 2.214-2.275.512 0 .979.061 1.386.317v4.007a3.742 3.742 0 0 1-1.416.226Zm8.421-6.086c-1.537 0-2.787.602-3.42 1.13v6.221c.286.06.573.075.844.075.286 0 .587-.015.858-.075v-5.393c.332-.196.919-.391 1.582-.391 1.1 0 1.732.497 1.732 1.807v3.977c.302.06.573.075.859.075.271 0 .573-.015.859-.075v-4.384c0-1.641-1.01-2.967-3.314-2.967ZM19.974 35c1.958 0 3.103-.904 3.103-2.395 0-1.416-1.129-1.943-2.681-2.184-1.22-.196-1.537-.422-1.537-.889 0-.452.392-.738 1.296-.738.859 0 1.597.256 2.094.542.346-.271.572-.693.648-1.22-.467-.332-1.386-.693-2.682-.693-1.808 0-2.998.904-2.998 2.229 0 1.507 1.206 1.974 2.471 2.17 1.28.195 1.687.467 1.687.949 0 .482-.361.858-1.371.858-1.13 0-1.762-.391-2.199-.708-.362.226-.648.633-.783 1.175.406.347 1.355.904 2.952.904Zm5.483-8.451a1.09 1.09 0 0 0 1.085-1.084 1.09 1.09 0 0 0-1.085-1.085c-.617 0-1.114.482-1.114 1.085 0 .602.497 1.084 1.114 1.084Zm0 8.285c.287 0 .573-.015.844-.075v-7.125a4.01 4.01 0 0 0-.844-.075c-.286 0-.572.015-.858.075v7.125c.286.06.587.075.858.075Zm10.892-7.426c-.964 0-1.838.376-2.426.828-.527-.512-1.31-.828-2.335-.828-1.491 0-2.786.633-3.359 1.13v6.221c.286.06.573.075.844.075.286 0 .587-.015.858-.075v-5.393a2.92 2.92 0 0 1 1.462-.391c1.16 0 1.596.738 1.596 1.762v4.022c.287.06.573.075.874.075.271 0 .573-.015.844-.075v-4.534c0-.226-.03-.452-.076-.663.347-.286.829-.587 1.522-.587 1.16 0 1.612.738 1.612 1.762v4.022c.271.06.557.075.858.075.272 0 .573-.015.844-.075v-4.534c0-1.552-1.055-2.817-3.118-2.817Zm8.134.015c-1.355 0-2.485.527-3.178 1.1v9.023c.301.06.572.075.858.075.287 0 .573-.015.844-.075v-2.772c.452.151.934.211 1.537.211 1.988 0 3.781-1.401 3.781-3.811 0-2.471-1.657-3.751-3.842-3.751Zm-.06 6.041c-.557 0-1.009-.091-1.416-.287v-3.841a2.842 2.842 0 0 1 1.401-.346c1.311 0 2.199.828 2.199 2.199 0 1.416-.888 2.275-2.184 2.275Zm6.312 1.37c.286 0 .587-.015.859-.075v-9.882a4.308 4.308 0 0 0-.874-.075c-.286 0-.573.015-.844.075v9.882c.301.06.588.075.859.075Zm9.264-4.187c0-1.913-1.356-3.224-3.269-3.224-2.033 0-3.585 1.597-3.585 3.811 0 2.335 1.537 3.751 3.676 3.751 1.431 0 2.365-.527 2.967-1.009a1.76 1.76 0 0 0-.738-1.16c-.467.331-1.069.738-2.109.738-1.19 0-1.913-.723-2.048-1.898h5.046c.045-.392.06-.633.06-1.009Zm-5.091-.121c.12-.979.768-1.717 1.822-1.717 1.16.015 1.597.874 1.597 1.717h-3.419Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="datadog">
+      <path d="M58.339 56.312v2.096c-.384.101-.728.15-1.03.15-2.034 0-3.05-1.075-3.05-3.224 0-1.986 1.078-2.978 3.233-2.978.898 0 1.735.167 2.51.503v-1.505c-.775-.29-1.653-.438-2.636-.438-3.221 0-4.834 1.471-4.834 4.418 0 3.109 1.584 4.666 4.751 4.666 1.09 0 1.995-.159 2.718-.476V54.84h-2.686l-.561 1.473h1.585Zm-11.376 2.245c1.807 0 2.71-1.041 2.71-3.124 0-2.051-.903-3.078-2.71-3.078-1.854 0-2.78 1.027-2.78 3.078 0 2.083.926 3.124 2.78 3.124Zm-4.508-3.086c0-3.038 1.504-4.555 4.508-4.555 2.957 0 4.436 1.517 4.436 4.555 0 3.02-1.479 4.529-4.436 4.529-2.871 0-4.373-1.51-4.508-4.53Zm-7.56 3.024h1.978c1.86 0 2.793-1.094 2.793-3.282 0-1.864-.932-2.794-2.793-2.794h-1.978v6.076Zm2.229 1.44h-3.89V50.98h3.89c2.803 0 4.205 1.412 4.205 4.233 0 3.148-1.402 4.723-4.205 4.723Zm-12.777 0h-1.709l3.81-8.955h1.79l3.89 8.956H30.34l-1.13-2.443h-2.874l.57-1.44h1.865L27.3 52.69l-2.954 7.246Zm-7.665-8.955h6.81v1.44h-2.574v7.516h-1.661V52.42h-2.575v-1.44ZM9.84 59.936H8.133l3.81-8.956h1.787l3.892 8.956h-1.789l-1.13-2.443H11.83l.571-1.44h1.864l-1.47-3.363-2.954 7.246Zm-8.176-1.441H3.64c1.863 0 2.792-1.094 2.792-3.282 0-1.864-.93-2.794-2.792-2.794H1.665v6.076Zm2.227 1.44H.002V50.98h3.89c2.803 0 4.206 1.412 4.206 4.233 0 3.148-1.403 4.723-4.206 4.723ZM29.864 14.47c.32-.304-1.597-.704-3.085.31-1.097.75-1.132 2.354-.082 3.264.105.09.192.154.273.206a9.513 9.513 0 0 1 2.767-.816c.223-.248.482-.686.417-1.477-.087-1.075-.902-.905-.29-1.486Zm10.065 5.833c-.18-.1-1.03-.06-1.627.01-1.137.135-2.364.529-2.633.739-.49.378-.268 1.037.095 1.307 1.012.757 1.9 1.264 2.838 1.14.575-.075 1.082-.986 1.442-1.813.245-.569.245-1.183-.115-1.383Zm-3.882-6.725c-.066.15-.169.248-.015.734l.01.028.025.063.064.146c.278.569.584 1.105 1.095 1.38.133-.023.269-.038.41-.045.481-.021.784.055.976.159a2.14 2.14 0 0 0 .01-.442c-.038-.721.142-1.947-1.243-2.592-.523-.242-1.257-.168-1.5.136a.634.634 0 0 1 .115.025c.37.128.12.256.053.408Zm14.266 9.879-1.194.227L46.828.002 7.77 4.53l4.812 39.046 4.571-.664c-.364-.52-.932-1.152-1.904-1.959-1.346-1.118-.87-3.018-.076-4.218 1.05-2.027 6.464-4.603 6.158-7.843-.11-1.178-.297-2.712-1.391-3.763-.04.436.033.856.033.856s-.45-.572-.673-1.354c-.222-.3-.396-.395-.633-.795-.168.463-.146 1-.146 1s-.368-.868-.426-1.6c-.219.327-.274.95-.274.95s-.477-1.368-.368-2.105c-.218-.642-.863-1.914-.681-4.807 1.192.835 3.816.637 4.838-.87.34-.499.573-1.86-.168-4.546-.477-1.721-1.656-4.284-2.117-5.257l-.054.04c.242.783.742 2.425.933 3.222.58 2.415.736 3.256.464 4.37-.232.968-.788 1.601-2.196 2.309-1.409.71-3.279-1.018-3.397-1.114-1.368-1.09-2.426-2.869-2.544-3.733-.123-.946.544-1.514.882-2.287a8.6 8.6 0 0 0-1.02.383s.642-.664 1.432-1.238a8.26 8.26 0 0 0 .864-.641c-.5-.009-.904.005-.904.005s.832-.45 1.695-.777c-.63-.029-1.236-.005-1.236-.005s1.858-.832 3.328-1.442c1.009-.414 1.995-.291 2.55.51.727 1.05 1.49 1.62 3.11 1.973.995-.44 1.297-.667 2.545-1.007 1.1-1.21 1.963-1.366 1.963-1.366s-.427.393-.542 1.01c.623-.491 1.306-.902 1.306-.902s-.264.327-.51.846l.057.085c.728-.436 1.583-.78 1.583-.78s-.244.31-.531.709c.548-.005 1.66.023 2.092.072 2.55.056 3.078-2.722 4.056-3.07 1.225-.438 1.773-.702 3.86 1.348 1.79 1.76 3.19 4.91 2.495 5.615-.583.586-1.732-.228-3.005-1.816a6.865 6.865 0 0 1-1.42-3.097 3.043 3.043 0 0 0-.984-1.684s.453 1.012.453 1.904c0 .488.061 2.31.843 3.332-.078.15-.114.74-.2.853-.908-1.099-2.861-1.885-3.178-2.117 1.076.883 3.553 2.911 4.504 4.855.9 1.838.37 3.523.825 3.96.129.125 1.935 2.374 2.282 3.504.607 1.97.036 4.04-.757 5.324l-2.214.345c-.324-.09-.543-.135-.834-.303.161-.283.48-.99.483-1.136l-.125-.219c-.69.976-1.844 1.924-2.803 2.469-1.256.712-2.702.602-3.644.31-2.673-.824-5.202-2.63-5.81-3.105 0 0-.02.379.095.464.674.76 2.218 2.135 3.71 3.094l-3.181.35 1.504 11.712c-.666.096-.77.143-1.5.247-.644-2.274-1.875-3.758-3.22-4.622-1.186-.763-2.823-.935-4.39-.624l-.1.116c1.089-.113 2.374.044 3.695.88 1.297.82 2.341 2.938 2.726 4.212.493 1.63.832 3.372-.493 5.22-.942 1.313-3.695 2.038-5.918.468.594.955 1.396 1.737 2.477 1.884 1.605.218 3.129-.061 4.176-1.137.895-.92 1.37-2.845 1.245-4.872l1.417-.205.511 3.637 23.449-2.823-1.913-18.66ZM27.86 28.834l2.951-.406c.477.215.81.297 1.382.442.89.232 1.924.455 3.451-.314.356-.177 1.096-.854 1.395-1.24l12.087-2.193 1.233 14.924-20.708 3.732-1.79-14.945Zm17.149 4.953-3.96-2.611-3.301 5.517-3.842-1.123-3.382 5.161.174 1.625 18.388-3.388-1.07-11.489-3.007 6.308Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="fastly">
+      <path d="M40.845 36.419h4.699v-2.393h-1.558V18.379h-3.141v18.04ZM.008 34.026h1.6v-7.55h-1.6v-2.078l1.6-.263v-2.103c0-2.546.554-3.653 3.797-3.653.698 0 1.533.103 2.264.24l-.434 2.561a6.106 6.106 0 0 0-1.047-.093c-1.141 0-1.43.11-1.43 1.234v1.822h2.375v2.342H4.758v7.55h1.584v2.393H.016v-2.402H.008Zm39.228-.757c-.494.102-.92.093-1.235.102-1.294.034-1.183-.391-1.183-1.617v-5.278h2.469v-2.342h-2.469V18.38h-3.15v14.029c0 2.759.681 4.01 3.644 4.01.698 0 1.668-.18 2.392-.34l-.468-2.81Zm19.563.775c.664 0 1.2.528 1.2 1.192 0 .663-.536 1.183-1.2 1.183a1.186 1.186 0 0 1-1.101-.728 1.186 1.186 0 0 1-.091-.456c0-.672.536-1.191 1.192-1.191Zm0 2.187a1 1 0 0 0 .996-1.004.99.99 0 0 0-.996-.987.983.983 0 0 0-.996.987c0 .553.451 1.004.996 1.004Zm.221-.417-.238-.348h-.17v.349h-.264v-1.167h.485c.29 0 .468.145.468.4 0 .188-.094.315-.247.366l.29.4h-.324Zm-.409-.587h.214c.118 0 .204-.05.204-.179 0-.119-.085-.17-.196-.17h-.222v.349Zm-28.868-8.76v-.417c-.953-.17-1.897-.179-2.409-.179-1.464 0-1.642.775-1.642 1.2 0 .597.204.92 1.787 1.27 2.324.518 4.648 1.063 4.648 3.94 0 2.733-1.405 4.138-4.358 4.138-1.975 0-3.899-.426-5.364-.8v-2.35h2.384v.418c1.03.195 2.103.178 2.665.178 1.566 0 1.813-.843 1.813-1.285 0-.622-.451-.92-1.916-1.218-2.758-.468-4.954-1.413-4.954-4.214 0-2.656 1.78-3.695 4.733-3.695 2.001 0 3.525.307 4.989.682v2.332h-2.376Zm-14.752 1.882-1.158 1.012a.616.616 0 0 0-.639 1.014.616.616 0 0 0 1.033-.299.617.617 0 0 0-.02-.34l1.022-1.14-.238-.248Z"/>
+      <path d="M20.068 23.47h-3.15v.886a6.38 6.38 0 0 0-2.12-.792v-1.073h.383v-.8h-3.167v.8h.384v1.081a6.48 6.48 0 0 0-5.261 6.368 6.469 6.469 0 0 0 1.899 4.588 6.48 6.48 0 0 0 4.587 1.9c1.209 0 2.35-.333 3.32-.912l.562.911h3.329v-3.15h-.766V23.47Zm-3.116 6.657a3.343 3.343 0 0 1-3.15 3.142v-.375h-.375v.375a3.332 3.332 0 0 1-3.124-3.15h.375v-.374h-.375a3.342 3.342 0 0 1 3.124-3.124v.374h.375v-.375a3.333 3.333 0 0 1 3.15 3.141h-.375v.375h.375v-.009Zm36.555-5.992h6.495v2.34h-1.549l-3.984 9.8c-1.141 2.749-3.013 5.345-5.874 5.345-.698 0-1.635-.076-2.282-.23l.281-2.86c.418.076.962.128 1.243.128 1.328 0 2.818-.818 3.286-2.248l-4.035-9.935h-1.55v-2.341h6.496v2.341h-1.549l2.29 5.627 2.29-5.627h-1.55v-2.341h-.008Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="honeybadger">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="m37.902 14.22 7.608 7.607-15.506 15.507-1.687-1.687-2.292 2.29 2.451 2.452a2.161 2.161 0 0 0 3.056 0l17.034-17.034a2.16 2.16 0 0 0 0-3.055l-9.3-9.298-1.364 3.218Zm-.284-4.866-1.364 3.218-2.87-2.87 2.291-2.29 1.943 1.942Zm-3.47-3.472-2.616-2.615a2.161 2.161 0 0 0-3.056 0L11.444 20.3a2.161 2.161 0 0 0 0 3.055l9.984 9.984 1.462-3.119-8.391-8.393L30.004 6.323l1.853 1.85 2.29-2.29ZM23.051 34.964l1.462-3.12 2.276 2.275-2.293 2.29-1.445-1.445Z"/>
+      <path d="M39.405 5.158c.232-.546-.459-1.013-.879-.592L19.967 23.125h7.56l-6.016 14.81c-.221.547.466 1.003.882.586L40.49 20.424h-7.561l6.476-15.266Z"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="m5.662 57.367 1.744-11.959H5.465l-.715 4.864H2.989l.715-4.864H1.762L.004 57.367h1.941l.78-5.308h1.762l-.78 5.308h1.955Zm3.62-2.397c1.942 0 2.705-.82 3.107-3.75.375-2.783-.276-3.697-2.08-3.697-1.913 0-2.732.941-3.078 3.804-.36 2.81.374 3.643 2.052 3.643Zm.196-1.371c-.486 0-.611-.47-.348-2.285.25-1.882.486-2.432 1.04-2.432.486 0 .583.442.333 2.298-.249 1.84-.486 2.419-1.025 2.419Zm5.672-5.323c.43-.404 1.054-.753 1.608-.753 1.124 0 1.513.766 1.318 2.11l-.777 5.175h-1.803l.736-4.972c.068-.484-.028-.727-.388-.727-.278 0-.541.243-.707.404l-.778 5.295h-1.802l1.04-7.124h1.526l.027.592Zm22.967-.592-.21.525a1.545 1.545 0 0 0-1.33-.686c-1.318 0-2.122 1.05-2.455 3.83-.333 2.756.306 3.617 1.345 3.617.624 0 1.11-.296 1.47-.712l.014.55h1.665l1.053-7.124h-1.552Zm-1.056 5.39c-.151.19-.442.39-.692.39-.445 0-.583-.417-.347-2.15.25-1.841.513-2.272.956-2.272.265 0 .486.188.611.39l-.528 3.643Zm8.558-7.666-1.387 9.4h-1.65l-.015-.55c-.36.43-.86.712-1.47.712-1.04 0-1.692-.86-1.344-3.617.333-2.78 1.122-3.83 2.454-3.83.514 0 .915.215 1.206.552l.403-2.667h1.803Zm-3.967 5.906c-.249 1.733-.097 2.15.347 2.15.236 0 .541-.2.693-.39l.527-3.642c-.125-.202-.36-.39-.61-.39-.444 0-.707.43-.957 2.272Zm-15.81 6.05h21.502a2.584 2.584 0 0 0 2.559-2.223l1.054-7.457h-1.553l-.166.538c-.278-.39-.75-.699-1.262-.699-1.4 0-2.164.766-2.552 3.75-.374 2.715.236 3.548 1.332 3.548.554 0 1.067-.24 1.413-.644l-.055.51c-.149.639-.804 1.145-1.882 1.145H26.71c-.255.603-.503 1.09-.797 1.45l-.07.082Zm21.842-4.02c-.444 0-.61-.39-.374-2.084.236-1.774.513-2.218.97-2.218.25 0 .473.188.596.377l-.512 3.535c-.152.188-.445.39-.68.39Zm7.461.994c-.734.43-1.498.632-2.164.632-1.553 0-2.26-1.344-1.955-3.63.36-2.741 1.387-3.817 3.148-3.817 1.096 0 1.775.565 1.775 1.56 0 1.33-.749 2.782-3.189 3.226 0 .072.004.126.008.174.003.04.005.079.005.12.013.552.306.848.791.848.333 0 .72-.108 1.276-.363l.305 1.25Zm-1.18-5.484c-.428 0-.818.645-1.053 2.07a1.557 1.557 0 0 0 1.414-1.546c0-.323-.11-.524-.36-.524Zm3.46 5.954.734-4.879c.36-.322.763-.497 1.165-.497.112 0 .208 0 .32.013l.36-1.733a.932.932 0 0 0-.568-.189c-.528 0-.985.418-1.318 1.009l-.027-.848h-1.415l-1.055 7.124h1.804Zm-34.924-.47c-.736.43-1.498.632-2.164.632-1.553 0-2.26-1.344-1.954-3.63.36-2.741 1.385-3.817 3.146-3.817 1.097 0 1.776.565 1.776 1.56 0 1.33-.749 2.782-3.189 3.226 0 .072.004.126.007.174.003.04.006.079.006.12.015.552.305.848.791.848.333 0 .721-.108 1.275-.363l.306 1.25Zm-1.18-5.484c-.429 0-.817.645-1.052 2.07a1.557 1.557 0 0 0 1.413-1.546c0-.323-.11-.524-.36-.524Zm9.85 6.116c1.58 0 2.19-1.25 2.524-4.167.318-2.608-.195-3.28-1.29-3.28-.554 0-1.04.23-1.47.565l.36-2.482h-1.802l-1.346 9.202h1.637l.166-.537c.236.39.666.7 1.22.7Zm-.347-1.506a.675.675 0 0 1-.624-.39l.541-3.655c.208-.215.484-.377.749-.377.416 0 .499.416.319 1.828-.166 1.681-.444 2.594-.985 2.594Zm-5.516-.59 1.566-5.19h1.859L25.96 54.89c-.764 1.962-1.193 2.474-2.4 2.474H6.626l.225-1.532h16.414c.557 0 .864-.387.864-.89l-.624-7.258h1.956l-.153 5.19Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="domainr">
+      <path d="M30.02 0a22.501 22.501 0 0 1 15.899 6.582A22.515 22.515 0 0 1 52.5 22.473c0 5.96-2.378 11.676-6.582 15.89a22.5 22.5 0 0 1-15.899 6.583H10.236a.733.733 0 0 1-.626-.35.887.887 0 0 1-.11-.354c0-.125.025-.25.086-.361l1.152-2.306a.959.959 0 0 1 .883-.537H30.02a18.57 18.57 0 0 0 18.57-18.565A18.57 18.57 0 0 0 30.02 3.91H14.048a.409.409 0 0 0-.184.046.466.466 0 0 0-.135.129.309.309 0 0 0-.049.179c-.012.064.012.126.037.184l1.066 2.12a.429.429 0 0 0 .184.199c.074.049.16.073.258.073H30.02a15.64 15.64 0 0 1 15.641 15.634A15.647 15.647 0 0 1 30.02 38.106H13.656a.733.733 0 0 1-.626-.35.887.887 0 0 1-.11-.352.75.75 0 0 1 .086-.363l4.572-9.145a.96.96 0 0 1 .87-.538H30.02a4.89 4.89 0 0 0 4.89-4.885 4.89 4.89 0 0 0-4.89-4.885h-9.132a.405.405 0 0 0-.184.047.466.466 0 0 0-.135.129.309.309 0 0 0-.049.179c-.012.062.012.125.037.182l1.066 2.121c.037.08.098.15.172.199a.525.525 0 0 0 .27.073h7.955c.527 0 1.017.206 1.385.573.368.367.576.864.576 1.382 0 .518-.208 1.015-.576 1.382a1.949 1.949 0 0 1-1.385.572h-10.1a.999.999 0 0 1-.515-.147 1.054 1.054 0 0 1-.356-.39l-4.584-9.145a.735.735 0 0 1-.074-.362c0-.126.037-.248.11-.356a.671.671 0 0 1 .258-.256.744.744 0 0 1 .368-.092H30.02a8.81 8.81 0 0 1 6.227 2.576 8.82 8.82 0 0 1 2.574 6.218 8.819 8.819 0 0 1-2.574 6.218 8.809 8.809 0 0 1-6.227 2.576h-9.426a.503.503 0 0 0-.442.274l-1.066 2.12a.462.462 0 0 0-.037.183.32.32 0 0 0 .061.178.29.29 0 0 0 .135.13c.05.03.11.046.172.046H30.02a11.75 11.75 0 0 0 8.299-3.435 11.743 11.743 0 0 0 3.432-8.29 11.743 11.743 0 0 0-3.432-8.291 11.75 11.75 0 0 0-8.299-3.434H13.08a.999.999 0 0 1-.515-.147 1.053 1.053 0 0 1-.356-.39L7.625 1.065A.735.735 0 0 1 7.55.703a.62.62 0 0 1 .11-.354.757.757 0 0 1 .258-.256.745.745 0 0 1 .368-.094H30.02ZM6.423 59.86h-2.17l.013-1.39h2.157c.638 0 1.153-.137 1.582-.412.429-.274.747-.668.968-1.18.208-.511.319-1.122.319-1.83v-.55c0-.55-.062-1.037-.184-1.46a3.019 3.019 0 0 0-.54-1.068 2.397 2.397 0 0 0-.882-.657 3.022 3.022 0 0 0-1.201-.223H4.217v-1.398h2.268c.674 0 1.299.114 1.85.343a4.016 4.016 0 0 1 1.447.97c.417.424.723.932.944 1.522.22.592.33 1.253.33 1.984v.538c0 .73-.11 1.391-.33 1.983a4.233 4.233 0 0 1-.944 1.521c-.404.42-.895.743-1.459.971-.564.225-1.2.336-1.9.336Zm-1.2-10.168V59.86H3.468V49.692h1.753Zm7.109 6.474v-.161c0-.544.073-1.05.233-1.515.159-.47.392-.878.686-1.222a3.16 3.16 0 0 1 1.103-.81 3.62 3.62 0 0 1 1.483-.293c.552 0 1.042.098 1.471.293.442.19.81.46 1.116.81.306.344.527.751.686 1.222.16.466.246.97.246 1.515v.16c0 .546-.086 1.051-.246 1.516-.159.465-.38.872-.686 1.222a3.27 3.27 0 0 1-1.103.81A3.58 3.58 0 0 1 15.85 60a3.74 3.74 0 0 1-1.496-.287 3.27 3.27 0 0 1-1.103-.81 3.783 3.783 0 0 1-.686-1.222 4.64 4.64 0 0 1-.233-1.515Zm1.68-.161v.16c0 .34.036.661.097.964.074.303.184.569.331.797.147.228.343.407.576.537.233.13.515.196.834.196.306 0 .576-.065.809-.196.233-.13.417-.31.576-.537.147-.228.257-.494.319-.797a4.07 4.07 0 0 0 .11-.963v-.161c0-.335-.037-.652-.11-.95a2.173 2.173 0 0 0-.331-.803 1.59 1.59 0 0 0-.576-.544 1.554 1.554 0 0 0-.81-.202c-.318 0-.6.067-.833.202-.22.13-.417.311-.564.544s-.257.501-.33.803a4.706 4.706 0 0 0-.099.95Zm8.433-2.165v6.02h-1.68v-7.556h1.581l.099 1.536Zm-.27 1.963-.576-.008c0-.52.061-1.002.196-1.445.135-.442.319-.826.576-1.152.245-.331.564-.584.932-.761.38-.182.809-.272 1.311-.272.343 0 .65.051.944.153.282.098.527.254.748.468.208.215.368.49.478.824.122.336.184.74.184 1.215v5.035h-1.692v-4.888c0-.368-.049-.656-.16-.866a.973.973 0 0 0-.465-.447 1.73 1.73 0 0 0-.723-.14c-.319 0-.589.061-.81.182-.22.12-.404.286-.539.496-.134.21-.245.451-.306.726a4.033 4.033 0 0 0-.098.88Zm4.682-.448-.784.176c0-.456.061-.888.184-1.292a3.4 3.4 0 0 1 .564-1.075c.257-.313.564-.557.931-.733a2.854 2.854 0 0 1 1.263-.266c.392 0 .735.054 1.03.16.318.103.576.266.784.49.22.222.38.513.49.872.11.354.172.782.172 1.285v4.888h-1.692v-4.896c0-.38-.06-.676-.171-.886a.836.836 0 0 0-.454-.433 1.884 1.884 0 0 0-.723-.126c-.257 0-.49.05-.686.147a1.383 1.383 0 0 0-.503.399 1.839 1.839 0 0 0-.306.578c-.062.22-.099.457-.099.712Zm10.628 2.99v-3.604c0-.27-.049-.502-.147-.698a1.066 1.066 0 0 0-.454-.454 1.526 1.526 0 0 0-.735-.16c-.282 0-.515.046-.711.14a1.206 1.206 0 0 0-.478.377.91.91 0 0 0-.16.537h-1.679c0-.298.074-.586.22-.866.148-.28.356-.528.626-.748.27-.218.6-.39.98-.516s.81-.188 1.288-.188c.564 0 1.079.095 1.508.286.44.19.796.48 1.041.866.258.381.38.862.38 1.438v3.36c0 .344.025.653.074.928.049.27.123.505.22.706v.111H37.73a2.797 2.797 0 0 1-.184-.691 4.8 4.8 0 0 1-.06-.824Zm.233-3.08.025 1.04h-1.214c-.306 0-.588.031-.821.091a1.69 1.69 0 0 0-.6.251c-.148.112-.27.248-.356.406-.074.158-.11.337-.11.537 0 .201.048.385.134.552.098.163.233.291.405.384.183.094.404.14.662.14a1.835 1.835 0 0 0 1.507-.734c.147-.208.233-.407.245-.593l.54.747a2.3 2.3 0 0 1-.282.615c-.135.219-.319.427-.54.628a2.616 2.616 0 0 1-1.801.67 2.92 2.92 0 0 1-1.324-.293 2.395 2.395 0 0 1-.907-.803 2.067 2.067 0 0 1-.331-1.152c0-.4.073-.754.233-1.062.147-.311.367-.572.661-.782a3.338 3.338 0 0 1 1.091-.474c.43-.112.92-.168 1.471-.168h1.312Zm5.014-2.96v7.555H41.04v-7.556h1.692ZM40.93 50.32c0-.256.085-.468.245-.635.184-.173.417-.259.723-.259.294 0 .527.086.699.259a.848.848 0 0 1 .257.635c0 .251-.086.46-.257.629-.172.168-.405.251-.699.251-.306 0-.54-.083-.723-.251a.883.883 0 0 1-.245-.629Zm5.307 3.596v5.943h-1.679v-7.556h1.594l.085 1.613Zm-.294 1.886-.54-.008c0-.534.074-1.026.221-1.473.148-.446.356-.831.613-1.152.27-.321.576-.568.944-.74a2.82 2.82 0 0 1 1.238-.265c.356 0 .687.051.98.153.295.098.553.258.76.482.222.224.38.514.491.874.11.353.172.788.172 1.305v4.881H49.13v-4.888c0-.363-.061-.65-.16-.86a.946.946 0 0 0-.453-.453 1.711 1.711 0 0 0-.735-.14 1.59 1.59 0 0 0-.772.182 1.74 1.74 0 0 0-.589.496c-.147.21-.27.451-.355.726a2.938 2.938 0 0 0-.123.88Zm8.287-2.06v6.117h-1.692v-7.556h1.606l.086 1.438Zm2.304-1.488-.012 1.564a4.306 4.306 0 0 0-.687-.055c-.282 0-.539.042-.76.125a1.418 1.418 0 0 0-.882.894 2.574 2.574 0 0 0-.147.72l-.38.028c0-.476.049-.915.135-1.32a3.48 3.48 0 0 1 .429-1.068c.183-.308.429-.548.71-.72.282-.173.613-.258.993-.258a2.13 2.13 0 0 1 .601.09Z"/>
+    </symbol>
+    <symbol viewBox="0 0 60 60" id="mend-io">
+      <path d="M43.39 27.355c-2.24 5.173-7.39 8.79-13.39 8.79-.25 0-.49-.006-.73-.018-7.72-.38-13.87-6.763-13.87-14.58 0-1.31.18-2.576.5-3.78.33-.352.79-.57 1.31-.57.99 0 1.81.818 1.81 1.824v.587c0 .01-.01.02-.01.028v4.44a3.33 3.33 0 0 0 3.32 3.331 3.33 3.33 0 0 0 3.32-3.331v-3.582c0-.012-.01-.022-.01-.035v-1.438c0-1.006.81-1.825 1.81-1.825s1.81.82 1.81 1.825v5.055c0 1.837 1.49 3.331 3.31 3.331a3.33 3.33 0 0 0 3.32-3.331V19.02c0-1.006.81-1.825 1.81-1.825.99 0 1.8.82 1.8 1.825v5.055a3.33 3.33 0 0 0 3.32 3.331c.19 0 .38-.02.57-.052Z"/>
+      <path d="M44.59 21.55c0 1.322-.18 2.598-.5 3.818v.006c-.01.002-.01.005-.01.005v.002c-.33.32-.77.52-1.27.52-.99 0-1.8-.819-1.8-1.824v-5.055a3.331 3.331 0 0 0-3.32-3.332c-1.83 0-3.31 1.496-3.31 3.333v5.055c0 1.006-.81 1.825-1.81 1.825s-1.81-.82-1.81-1.825v-5.055c0-1.837-1.48-3.333-3.31-3.333a3.331 3.331 0 0 0-3.32 3.333v5.055c0 1.006-.81 1.825-1.8 1.825-1 0-1.81-.82-1.81-1.825v-5.055c0-1.836-1.49-3.33-3.31-3.332h-.01c-.2 0-.4.021-.6.057C18.85 10.573 24 6.956 30 6.956c.07 0 .15 0 .23.002 7.95.126 14.36 6.61 14.36 14.594M.11 52.772a.408.408 0 0 1-.11-.289v-7.528c0-.117.04-.214.11-.289a.4.4 0 0 1 .29-.111h1.75c.11 0 .21.038.28.111a.38.38 0 0 1 .12.289v.544c.24-.32.57-.584.98-.792.41-.209.87-.313 1.39-.313 1.17 0 1.98.459 2.43 1.378.26-.406.61-.737 1.07-.994.46-.256.95-.384 1.48-.384.87 0 1.58.296 2.13.89.55.592.83 1.476.83 2.651v4.548c0 .107-.04.2-.11.28a.382.382 0 0 1-.29.121H10.6a.421.421 0 0 1-.3-.112.376.376 0 0 1-.12-.289v-4.436c0-.534-.11-.918-.32-1.154-.22-.234-.52-.352-.89-.352-.35 0-.63.12-.85.36-.23.241-.34.623-.34 1.146v4.436c0 .107-.04.2-.11.28a.382.382 0 0 1-.29.121H5.52a.414.414 0 0 1-.29-.112.408.408 0 0 1-.11-.289v-4.436c0-.523-.11-.905-.34-1.146a1.15 1.15 0 0 0-.87-.36c-.36 0-.63.12-.86.36-.23.241-.35.617-.35 1.129v4.453c0 .107-.03.2-.11.28a.367.367 0 0 1-.29.121H.4a.382.382 0 0 1-.29-.112Zm15.07-.768c-.74-.694-1.13-1.703-1.16-3.028v-.56c.05-1.26.44-2.246 1.18-2.955.74-.71 1.74-1.066 2.99-1.066.91 0 1.67.185 2.3.553.62.368 1.09.873 1.41 1.513.31.641.47 1.378.47 2.211v.384c0 .107-.04.199-.11.28-.08.08-.17.12-.29.12h-5.13v.112c.02.502.15.908.37 1.217.23.31.55.464.98.464.27 0 .48-.056.66-.168.17-.112.32-.248.46-.408.1-.117.17-.19.23-.216.06-.026.15-.04.28-.04h1.99c.09 0 .18.029.25.088s.1.136.1.232c0 .278-.16.598-.47.961-.32.364-.77.678-1.37.945-.6.267-1.3.4-2.12.4-1.28 0-2.29-.347-3.02-1.041v.002Zm4.37-4.133v-.031c0-.523-.12-.938-.36-1.241-.24-.305-.57-.457-1-.457-.43 0-.75.152-.99.457-.24.303-.36.718-.36 1.241v.031h2.71Zm4.1 4.901a.408.408 0 0 1-.11-.289v-7.528c0-.117.04-.214.11-.289a.418.418 0 0 1 .29-.111h1.85c.11 0 .21.038.29.111a.38.38 0 0 1 .12.289v.608c.29-.352.66-.635 1.11-.849.46-.214.97-.32 1.55-.32.94 0 1.7.318 2.29.954.59.635.88 1.524.88 2.666v4.469c0 .107-.04.2-.11.28a.382.382 0 0 1-.29.121h-2.02c-.1 0-.2-.04-.28-.121a.383.383 0 0 1-.12-.28v-4.372c0-.503-.12-.89-.37-1.162-.24-.273-.59-.408-1.05-.408-.46 0-.8.135-1.06.408-.26.272-.38.659-.38 1.162v4.372c0 .107-.04.2-.12.28a.36.36 0 0 1-.28.121h-2.01a.414.414 0 0 1-.29-.112Zm10.53-.712c-.58-.657-.9-1.583-.95-2.78l-.02-.561.02-.577c.04-1.153.36-2.066.95-2.739.59-.672 1.41-1.009 2.44-1.009.97 0 1.76.316 2.36.945v-3.428a.382.382 0 0 1 .4-.4h1.95c.12 0 .21.038.29.112.07.075.11.171.11.288v10.572c0 .106-.04.199-.11.279a.382.382 0 0 1-.29.121h-1.81c-.11 0-.2-.04-.28-.121a.383.383 0 0 1-.12-.279v-.514c-.59.715-1.42 1.073-2.5 1.073s-1.86-.328-2.44-.985v.003Zm4.4-1.618c.23-.305.36-.696.4-1.177.01-.139.01-.342.01-.608 0-.267 0-.454-.01-.593-.03-.437-.16-.8-.4-1.089-.25-.288-.61-.433-1.08-.433-.5 0-.86.15-1.08.448-.22.3-.34.711-.37 1.234-.02.107-.02.272-.02.497 0 .224 0 .389.02.496.03.523.15.934.37 1.234.22.299.58.448 1.08.448.51 0 .84-.152 1.08-.457Zm9.06-7.2c-.08-.075-.11-.17-.11-.288v-1.442c0-.117.03-.214.11-.288a.382.382 0 0 1 .29-.112h1.92c.12 0 .21.038.29.112.07.074.11.171.11.288v1.442c0 .117-.04.213-.11.288a.397.397 0 0 1-.29.112h-1.92a.382.382 0 0 1-.29-.112Zm.02 9.53a.376.376 0 0 1-.12-.288v-7.529c0-.117.04-.213.12-.288a.374.374 0 0 1 .28-.112h1.89c.12 0 .22.038.29.112a.37.37 0 0 1 .11.288v7.529c0 .106-.03.199-.11.28a.37.37 0 0 1-.29.12h-1.89a.374.374 0 0 1-.28-.112Zm5.02-.672c-.72-.631-1.11-1.517-1.17-2.659-.01-.139-.02-.379-.02-.721 0-.341.01-.581.02-.72.06-1.131.46-2.015 1.2-2.651.74-.636 1.74-.954 3.03-.954 1.28 0 2.3.318 3.04.954.74.636 1.14 1.519 1.2 2.651.01.139.02.379.02.72 0 .342-.01.583-.02.721-.06 1.142-.45 2.028-1.17 2.659-.71.63-1.74.944-3.07.944-1.34 0-2.35-.314-3.06-.944Zm4.1-1.433c.22-.284.35-.719.38-1.305.01-.107.02-.32.02-.642 0-.321-.01-.533-.02-.641-.03-.577-.16-1.008-.39-1.297-.23-.289-.57-.433-1.03-.433-.89 0-1.36.577-1.41 1.73l-.02.641.02.642c.02.588.14 1.023.37 1.305.23.283.58.424 1.04.424.46 0 .81-.141 1.04-.424Zm-12.16 2.217a1.45 1.45 0 1 0 0-2.9 1.45 1.45 0 0 0 0 2.9Z"/>
+    </symbol>
+    <symbol viewBox="0 0 24 24" id="github">
+      <path d="M12 0c6.63 0 12 5.37 12 12a12.024 12.024 0 0 1-8.175 11.385c-.6.12-.825-.255-.825-.57 0-.405.015-1.695.015-3.3 0-1.125-.375-1.845-.81-2.22 2.67-.3 5.475-1.32 5.475-5.925 0-1.32-.465-2.385-1.23-3.225.12-.3.54-1.53-.12-3.18 0 0-1.005-.33-3.3 1.23-.96-.27-1.98-.405-3-.405s-2.04.135-3 .405c-2.295-1.545-3.3-1.23-3.3-1.23-.66 1.65-.24 2.88-.12 3.18-.765.84-1.23 1.92-1.23 3.225 0 4.59 2.79 5.625 5.46 5.925-.345.3-.66.825-.765 1.605-.69.315-2.415.825-3.495-.99-.225-.36-.9-1.245-1.845-1.23-1.005.015-.405.57.015.795.51.285 1.095 1.35 1.23 1.695.24.675 1.02 1.965 4.035 1.41 0 1.005.015 1.95.015 2.235 0 .315-.225.675-.825.57A11.995 11.995 0 0 1 0 12C0 5.37 5.37 0 12 0Z"/>
+    </symbol>
+    <symbol viewBox="0 0 24 24" id="mastodon">
+      <path d="M23.193 7.879c0-5.207-3.411-6.732-3.411-6.732C18.062.357 15.109.025 12.04 0h-.076c-3.068.025-6.019.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.191-.023 2.617.015 4.129.123 5.092.933 10.111 5.641 11.356 2.171.575 4.034.695 5.534.613 2.722-.152 4.249-.972 4.249-.972l-.09-1.975s-1.945.614-4.129.539c-2.165-.075-4.448-.233-4.799-2.891a5.626 5.626 0 0 1-.048-.745s2.124.519 4.817.643c1.646.076 3.19-.096 4.759-.283 3.007-.359 5.625-2.211 5.954-3.905.52-2.668.477-6.509.477-6.509Zm-4.023 6.709h-2.498v-6.12c0-1.289-.542-1.944-1.628-1.944-1.2 0-1.802.777-1.802 2.312v3.35H10.76v-3.35c0-1.535-.601-2.312-1.803-2.312-1.086 0-1.628.655-1.628 1.944v6.12H4.832V8.284c0-1.289.327-2.313.987-3.07.68-.757 1.569-1.146 2.674-1.146 1.278 0 2.247.491 2.886 1.473L12 6.585l.623-1.044c.64-.982 1.609-1.473 2.887-1.473 1.104 0 1.994.389 2.674 1.146.658.757.986 1.781.986 3.07v6.304Z"/>
+    </symbol>
+    <symbol viewBox="0 0 24 24" id="x-twitter">
+      <path d="M14.286 10.664 23.222.5h-2.117l-7.763 8.824L7.147.5H0l9.37 13.344L0 24.5h2.117l8.192-9.319 6.544 9.32H24M2.88 2.061h3.253l14.97 20.953H17.85"/>
+    </symbol>
+  </defs>
+</svg>
diff --git a/test/policies/rubygem_policy_test.rb b/test/policies/rubygem_policy_test.rb
index c5cefe7a214..ca753f869ad 100644
--- a/test/policies/rubygem_policy_test.rb
+++ b/test/policies/rubygem_policy_test.rb
@@ -55,10 +55,12 @@ def policy!(user)
       refute_authorized @user, :request_ownership?
     end
 
-    should "be false if the gem has a version newer than 1 year" do
-      create(:version, rubygem: @rubygem, created_at: 11.months.ago)
+    context "when the gem has a version newer than 1 year" do
+      should "be false" do
+        create(:version, rubygem: @rubygem, created_at: 11.months.ago)
 
-      refute_authorized @user, :request_ownership?
+        refute_authorized @user, :request_ownership?
+      end
     end
 
     should "be true if the gem's latest version is older than 1 year and less than 10,000 downloads" do
diff --git a/vendor/javascript/@stimulus-components--dialog.js b/vendor/javascript/@stimulus-components--dialog.js
new file mode 100644
index 00000000000..6c877875fa9
--- /dev/null
+++ b/vendor/javascript/@stimulus-components--dialog.js
@@ -0,0 +1,2 @@
+import{Controller as e}from"@hotwired/stimulus";const t=class _Dialog extends e{initialize(){this.forceClose=this.forceClose.bind(this)}connect(){this.openValue&&this.open(),document.addEventListener("turbo:before-render",this.forceClose)}disconnect(){document.removeEventListener("turbo:before-render",this.forceClose)}open(){this.dialogTarget.showModal()}close(){this.dialogTarget.setAttribute("closing",""),Promise.all(this.dialogTarget.getAnimations().map((e=>e.finished))).then((()=>{this.dialogTarget.removeAttribute("closing"),this.dialogTarget.close()}))}backdropClose(e){e.target===this.dialogTarget&&this.close()}forceClose(){this.dialogTarget.close()}};t.targets=["dialog"],t.values={open:{type:Boolean,default:!1}};let o=t;export{o as default};
+
diff --git a/vendor/javascript/@stimulus-components--reveal.js b/vendor/javascript/@stimulus-components--reveal.js
new file mode 100644
index 00000000000..91615312192
--- /dev/null
+++ b/vendor/javascript/@stimulus-components--reveal.js
@@ -0,0 +1,2 @@
+import{Controller as s}from"@hotwired/stimulus";const t=class _Reveal extends s{connect(){this.class=this.hasHiddenClass?this.hiddenClass:"hidden"}toggle(){this.itemTargets.forEach((s=>{s.classList.toggle(this.class)}))}show(){this.itemTargets.forEach((s=>{s.classList.remove(this.class)}))}hide(){this.itemTargets.forEach((s=>{s.classList.add(this.class)}))}};t.targets=["item"],t.classes=["hidden"];let e=t;export{e as default};
+