diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 47b3bb861..f404e0d72 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -104,6 +104,12 @@ jobs:
         publish_dir: ./coreutils/target/doc
         destination_dir: coreutils/dev/
 
+    - name: Deploy Homepage
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./homepage
+        destination_dir: /
 
   build-report:
     name: generate the build report
diff --git a/homepage/index.html b/homepage/index.html
new file mode 100644
index 000000000..f3384f666
--- /dev/null
+++ b/homepage/index.html
@@ -0,0 +1,324 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>uutils</title>
+    <style>
+      /* All these styles are adapted from oranda to match their look */
+      @import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700;900&display=swap");
+      :root {
+        --dark-fg-color: #fff;
+        --light-fg-color: #141414;
+        --light-bg-color: var(--dark-fg-color);
+        --dark-bg-color: var(--light-fg-color);
+        --fg-color: var(--light-fg-color);
+        --bg-color: var(--light-bg-color);
+        --light-link-color: #0284c7;
+        --dark-link-color: #8bb9fe;
+        --link-color: var(--light-link-color);
+        --light-highlight-bg-color: #ededed;
+        --light-highlight-fg-color: #595959;
+        --dark-highlight-bg-color: #27272a;
+        --dark-highlight-fg-color: #ededed;
+        --highlight-fg-color: var(--light-highlight-fg-color);
+        --highlight-bg-color: var(--light-highlight-bg-color);
+        --font-face: "Fira Sans", sans-serif;
+      }
+
+      *,
+      ::after,
+      ::before {
+        border: 0 solid #e5e7eb;
+        box-sizing: border-box;
+      }
+
+      html {
+        font-feature-settings: normal;
+        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+          Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
+          Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+        font-variation-settings: normal;
+        line-height: 1.5;
+        tab-size: 4;
+      }
+
+      blockquote,
+      dd,
+      dl,
+      figure,
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      hr,
+      p,
+      pre {
+        margin: 0;
+      }
+
+      a {
+        color: var(--link-color);
+        text-decoration: inherit;
+      }
+
+      /* PAGE LAYOUT */
+      html,
+      body {
+        font-family: var(--font-face);
+        height: 100%;
+        scroll-behavior: smooth;
+      }
+
+      body {
+        line-height: inherit;
+        margin: 0;
+      }
+
+      .container {
+        display: flex;
+        flex-direction: column;
+        min-height: 100%;
+      }
+
+      .page-body {
+        flex-grow: 1;
+      }
+
+      /* REPO BANNER */
+      .repo_banner {
+        background-color: var(--fg-color);
+        color: var(--bg-color);
+        padding-bottom: 0.375rem;
+        padding-top: 0.375rem;
+      }
+
+      .repo_banner > a {
+        align-items: flex-start;
+        display: flex;
+        gap: 0.5rem;
+        height: 20px;
+        justify-content: center;
+      }
+      .repo_banner > a,
+      .repo_banner > a:hover {
+        color: rgb(248 250 252);
+      }
+      .repo_banner > a:hover {
+        text-decoration-color: #f8fafc;
+        text-decoration-line: underline;
+        text-underline-offset: 1px;
+      }
+
+      /* HEADER */
+      .logo {
+        display: block;
+        height: 170px;
+        margin: auto;
+      }
+      .title {
+        font-size: 3.75rem;
+        line-height: 1;
+        text-align: center;
+        padding-bottom: 0.5rem;
+      }
+      @media (min-width: 640px) {
+        .title {
+          font-size: 6rem;
+          line-height: 1;
+        }
+      }
+
+      /* MAIN */
+      main {
+        margin: 6rem auto;
+        max-width: 80%;
+      }
+
+      @media (min-width: 1024px) {
+        main {
+          max-width: 56rem;
+        }
+      }
+
+      h1 {
+        font-size: 1.875rem;
+        font-weight: 900;
+        line-height: 2.25rem;
+        line-height: 1.25;
+        margin-bottom: 2rem;
+      }
+
+      p {
+        font-size: 1rem;
+        line-height: 1.5rem;
+        line-height: 1.625;
+        margin-bottom: 2rem;
+      }
+
+      @media (min-width: 640px) {
+        h1 {
+          font-size: 3.75rem;
+          line-height: 1;
+        }
+
+        p {
+          font-size: 1.125rem;
+          line-height: 1.75rem;
+        }
+      }
+
+      h2 {
+        font-size: 1.5rem;
+        font-weight: 700;
+        line-height: 2rem;
+        line-height: 1.25;
+        margin-bottom: 1.5rem;
+      }
+
+      @media (min-width: 640px) {
+        h2 {
+          font-size: 3rem;
+          line-height: 1;
+        }
+      }
+
+      h2,
+      h3 {
+        margin-top: 3rem;
+      }
+
+      @media (min-width: 640px) {
+        li {
+          font-size: 1.125rem;
+          line-height: 1.75rem;
+        }
+      }
+
+      /* FOOTER */
+      footer {
+        align-items: center;
+        background-color: var(--fg-color);
+        color: var(--bg-color);
+        display: flex;
+        flex-grow: 0;
+        flex-shrink: 1;
+        font-size: 0.75rem;
+        justify-content: space-between;
+        line-height: 1rem;
+        padding: 0.5rem 1rem;
+        width: 100%;
+      }
+
+      .github-icon {
+        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
+        height: 1.25rem;
+        width: 1.25rem;
+      }
+
+      .projects {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        width: 100%;
+        gap: 1rem;
+      }
+
+      .project {
+        flex-basis: 20rem;
+        flex-grow: 1;
+        border: 3px solid #888;
+        border-radius: 6px;
+        padding: 2rem;
+        text-decoration: none;
+        color: var(--fg-color);
+        font-size: 2rem;
+        font-weight: 700;
+        transition: text-decoration 0.3s;
+        transition: border-color 0.3s;
+      }
+      .project > span {
+        color: transparent;
+        transition: color 0.3s;
+      }
+      .project:hover > span {
+        color: black;
+      }
+      .project:hover {
+        border-color: black;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="repo_banner">
+        <a href="https://github.com/uutils">
+          <div class="github-icon" aria-hidden="true"></div>
+          Check out our GitHub!
+        </a>
+      </div>
+      <div class="page-body">
+        <main>
+          <header>
+            <img src="logo.svg" alt="uutils" class="logo" />
+            <h1 class="title">uutils</h1>
+          </header>
+          <p>
+            The uutils project reimplements ubiquitous command line utilities in
+            Rust. Our goal is to modernize the utils, while retaining full
+            compatibility with the existing utilities.
+          </p>
+          <h2>Projects</h2>
+          <div class="projects">
+            <a class="project" href="/coreutils">
+              <span aria-hidden="true">&gt;</span>
+              coreutils
+            </a>
+            <a class="project" href="/findutils">
+              <span aria-hidden="true">&gt;</span>
+              findutils
+            </a>
+          </div>
+          <h2>Crates</h2>
+          <p>
+            We maintain a variety of public crates to support our projects,
+            which are published on <a href="https://crates.io/">crates.io</a>.
+          </p>
+          <ul>
+            <li>
+              <a href="https://github.com/uutils/platform-info"
+                >platform-info</a
+              >
+            </li>
+            <li>
+              <a href="https://github.com/uutils/parse_datetime"
+                >parse_datetime</a
+              >
+            </li>
+            <li>
+              <a href="https://github.com/uutils/rust-users">rust-users</a>
+            </li>
+          </ul>
+          <h2>Friends of uutils</h2>
+          <p>
+            We collaborate with and build upon many other projects in the Rust
+            community, either by using or providing crates. We highly recommend
+            giving these projects a look!
+          </p>
+          <ul>
+            <li><a href="https://www.nushell.sh/">nushell</a></li>
+            <li><a href="https://github.com/burntsushi/ripgrep">ripgrep</a></li>
+            <li><a href="https://github.com/ogham/exa">exa</a></li>
+          </ul>
+        </main>
+      </div>
+      <footer>
+        <a href="https://github.com/uutils">
+          <div class="github-icon" aria-hidden="true"></div>
+        </a>
+        <span>uutils, MIT</span>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/homepage/logo.svg b/homepage/logo.svg
new file mode 100644
index 000000000..4ee0a4740
--- /dev/null
+++ b/homepage/logo.svg
@@ -0,0 +1,61 @@
+<svg height="106" width="106" viewbox="0 0 106 106" id="logo"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg">
+  <g id="logo" transform="translate(53, 53)">
+    <g id="gear" mask="url(#holes)">
+      <circle r="43" fill="none" stroke="black" stroke-width="9" />
+      <g id="cogs">
+        <polygon id="cog" stroke="black" stroke-width="3" stroke-linejoin="round" points="46,3 51,0 46,-3" />
+        <use xlink:href="#cog" transform="rotate(11.25)" />
+        <use xlink:href="#cog" transform="rotate(22.50)" />
+        <use xlink:href="#cog" transform="rotate(33.75)" />
+        <use xlink:href="#cog" transform="rotate(45.00)" />
+        <use xlink:href="#cog" transform="rotate(56.25)" />
+        <use xlink:href="#cog" transform="rotate(67.50)" />
+        <use xlink:href="#cog" transform="rotate(78.75)" />
+        <use xlink:href="#cog" transform="rotate(90.00)" />
+        <use xlink:href="#cog" transform="rotate(101.25)" />
+        <use xlink:href="#cog" transform="rotate(112.50)" />
+        <use xlink:href="#cog" transform="rotate(123.75)" />
+        <use xlink:href="#cog" transform="rotate(135.00)" />
+        <use xlink:href="#cog" transform="rotate(146.25)" />
+        <use xlink:href="#cog" transform="rotate(157.50)" />
+        <use xlink:href="#cog" transform="rotate(168.75)" />
+        <use xlink:href="#cog" transform="rotate(180.00)" />
+        <use xlink:href="#cog" transform="rotate(191.25)" />
+        <use xlink:href="#cog" transform="rotate(202.50)" />
+        <use xlink:href="#cog" transform="rotate(213.75)" />
+        <use xlink:href="#cog" transform="rotate(225.00)" />
+        <use xlink:href="#cog" transform="rotate(236.25)" />
+        <use xlink:href="#cog" transform="rotate(247.50)" />
+        <use xlink:href="#cog" transform="rotate(258.75)" />
+        <use xlink:href="#cog" transform="rotate(270.00)" />
+        <use xlink:href="#cog" transform="rotate(281.25)" />
+        <use xlink:href="#cog" transform="rotate(292.50)" />
+        <use xlink:href="#cog" transform="rotate(303.75)" />
+        <use xlink:href="#cog" transform="rotate(315.00)" />
+        <use xlink:href="#cog" transform="rotate(326.25)" />
+        <use xlink:href="#cog" transform="rotate(337.50)" />
+        <use xlink:href="#cog" transform="rotate(348.75)" />
+      </g>
+      <g id="mounts">
+        <polygon id="mount" stroke="black" stroke-width="6" stroke-linejoin="round" points="-7,-42 0,-35 7,-42" />
+        <use xlink:href="#mount" transform="rotate(72)" />
+        <use xlink:href="#mount" transform="rotate(144)" />
+        <use xlink:href="#mount" transform="rotate(216)" />
+        <use xlink:href="#mount" transform="rotate(288)" />
+      </g>
+    </g>
+    <mask id="holes">
+      <rect x="-60" y="-60" width="120" height="120" fill="white" />
+      <circle id="hole" cy="-40" r="3" />
+      <use xlink:href="#hole" transform="rotate(72)" />
+      <use xlink:href="#hole" transform="rotate(144)" />
+      <use xlink:href="#hole" transform="rotate(216)" />
+      <use xlink:href="#hole" transform="rotate(288)" />
+    </mask>
+  </g>
+  <path aria-label="U" transform="matrix(1.1188958,0,0,1.3531467,106.90401,-3.0479991)" style="fill:#c04828"
+    d="m -30.914582,47.152116 c 0,-6.410851 0,-27.142255 0,-27.142255 h -9.981735 c 0,0 0,22.706465 0,27.142255 0,4.43579 -0.989404,8.475308 -7.250584,8.492265 -6.26118,0.01696 -7.308935,-4.147055 -7.308935,-8.492265 V 20.009861 h -9.981735 v 27.142255 c 0,6.425292 2.643496,15.679002 17.261495,15.679002 14.617999,0 17.261494,-9.268151 17.261494,-15.679002 z" />
+</svg>
