diff --git a/components/forms/LoginForm.js b/components/forms/LoginForm.js
index 8c8aa09e..f8a7c1a0 100644
--- a/components/forms/LoginForm.js
+++ b/components/forms/LoginForm.js
@@ -77,7 +77,7 @@ export default function LoginForm() {
           <Form>
             <div className={styles.header}>
               <Icon icon={<Logo />} size="xlarge" className={styles.icon} />
-              <h1 className="center">umami</h1>
+              <h1 className="center">{process.env.NEXT_PUBLIC_CUSTOM_TITLE || 'umami'}</h1>
             </div>
             <FormRow>
               <label htmlFor="username">
diff --git a/components/layout/Header.js b/components/layout/Header.js
index a81e016c..9f946a45 100644
--- a/components/layout/Header.js
+++ b/components/layout/Header.js
@@ -27,7 +27,11 @@ export default function Header() {
       <header className={classNames(styles.header, 'row')}>
         <div className={styles.title}>
           <Icon icon={<Logo />} size="large" className={styles.logo} />
-          <Link href={isSharePage ? HOMEPAGE_URL : '/'}>umami</Link>
+          <Link
+            href={isSharePage ? process.env.NEXT_PUBLIC_CUSTOM_HOMEPAGE_URL || HOMEPAGE_URL : '/'}
+          >
+            {process.env.NEXT_PUBLIC_CUSTOM_TITLE || 'umami'}
+          </Link>
         </div>
         <HamburgerButton />
         {user && (
diff --git a/components/layout/Layout.js b/components/layout/Layout.js
index 2c097e41..fb2e4e50 100644
--- a/components/layout/Layout.js
+++ b/components/layout/Layout.js
@@ -10,7 +10,10 @@ export default function Layout({ title, children, header = true, footer = true }
   return (
     <>
       <Head>
-        <title>umami{title && ` - ${title}`}</title>
+        <title>
+          {process.env.NEXT_PUBLIC_CUSTOM_TITLE || 'umami'}
+          {title && ` - ${title}`}
+        </title>
       </Head>
 
       {header && <Header />}
