From 51752bd2bd15825d5ad20d83046b7304477f7449 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Wed, 22 Sep 2021 22:23:19 +0100
Subject: [PATCH] added Cal Sans (#709)

* added Cal Sans

* Delete EmptyScreen.tsx
---
 components/Dialog.tsx                         |   2 +-
 components/ImageUploader.tsx                  |   2 +-
 components/booking/pages/AvailabilityPage.tsx |   4 +-
 components/booking/pages/BookingPage.tsx      |   4 +-
 components/security/ChangePasswordSection.tsx |   2 +-
 components/security/TwoFactorAuthSection.tsx  |   2 +-
 components/security/TwoFactorModalHeader.tsx  |   2 +-
 components/team/EditTeam.tsx                  |   4 +-
 pages/404.tsx                                 |   2 +-
 pages/[user].tsx                              |   2 +-
 pages/auth/forgot-password/[id].tsx           |   8 +-
 pages/auth/forgot-password/index.tsx          |   4 +-
 pages/auth/login.tsx                          |   4 +-
 pages/auth/signup.tsx                         |   2 +-
 pages/cancel/[uid].tsx                        |   4 +-
 pages/integrations/index.tsx                  |   2 +-
 pages/settings/embed.tsx                      |   4 +-
 pages/settings/teams.tsx                      |   2 +-
 pages/team/[slug].tsx                         |   2 +-
 public/cal.ttf                                | Bin 0 -> 31136 bytes
 styles/globals.css                            | 313 +++++++++---------
 tailwind.config.js                            |   2 +-
 22 files changed, 194 insertions(+), 179 deletions(-)
 create mode 100644 public/cal.ttf

diff --git a/components/Dialog.tsx b/components/Dialog.tsx
index c37576b959..c629c81183 100644
--- a/components/Dialog.tsx
+++ b/components/Dialog.tsx
@@ -32,7 +32,7 @@ type DialogHeaderProps = {
 export function DialogHeader({ title, subtitle }: DialogHeaderProps) {
   return (
     <div className="mb-8">
-      <h3 className="text-gray-900 text-lg font-bold leading-6" id="modal-title">
+      <h3 className="font-cal text-gray-900 text-lg font-bold leading-6" id="modal-title">
         {title}
       </h3>
       <div>
diff --git a/components/ImageUploader.tsx b/components/ImageUploader.tsx
index 14f7dff227..dc2a995401 100644
--- a/components/ImageUploader.tsx
+++ b/components/ImageUploader.tsx
@@ -142,7 +142,7 @@ export default function ImageUploader({ target, id, buttonMsg, handleAvatarChang
             <div className="inline-block align-bottom bg-white rounded-sm px-4 pt-5 pb-4 text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-md sm:w-full sm:p-6">
               <div className="sm:flex sm:items-start mb-4">
                 <div className="mt-3 text-center sm:mt-0 sm:text-left">
-                  <h3 className="text-lg leading-6 font-bold text-gray-900" id="modal-title">
+                  <h3 className="font-cal text-lg leading-6 font-bold text-gray-900" id="modal-title">
                     Upload {target}
                   </h3>
                 </div>
diff --git a/components/booking/pages/AvailabilityPage.tsx b/components/booking/pages/AvailabilityPage.tsx
index d9be1e0386..075a930a0e 100644
--- a/components/booking/pages/AvailabilityPage.tsx
+++ b/components/booking/pages/AvailabilityPage.tsx
@@ -166,7 +166,9 @@ const AvailabilityPage = ({ profile, eventType, workingHours }: AvailabilityPage
                     size={10}
                     truncateAfter={3}
                   />
-                  <h2 className="font-medium text-gray-500 dark:text-gray-300 mt-3">{profile.name}</h2>
+                  <h2 className="font-cal font-medium text-gray-500 dark:text-gray-300 mt-3">
+                    {profile.name}
+                  </h2>
                   <h1 className="mb-4 text-3xl font-semibold text-gray-800 dark:text-white">
                     {eventType.title}
                   </h1>
diff --git a/components/booking/pages/BookingPage.tsx b/components/booking/pages/BookingPage.tsx
index 0b0d76a661..9ee787c2fb 100644
--- a/components/booking/pages/BookingPage.tsx
+++ b/components/booking/pages/BookingPage.tsx
@@ -200,7 +200,9 @@ const BookingPage = (props: BookingPageProps) => {
                       }))
                   )}
                 />
-                <h2 className="font-medium dark:text-gray-300 text-gray-500">{props.profile.name}</h2>
+                <h2 className="font-cal font-medium dark:text-gray-300 text-gray-500">
+                  {props.profile.name}
+                </h2>
                 <h1 className="text-3xl font-semibold dark:text-white text-gray-800 mb-4">
                   {props.eventType.title}
                 </h1>
diff --git a/components/security/ChangePasswordSection.tsx b/components/security/ChangePasswordSection.tsx
index ae8fd5352e..7afe1b99a6 100644
--- a/components/security/ChangePasswordSection.tsx
+++ b/components/security/ChangePasswordSection.tsx
@@ -60,7 +60,7 @@ const ChangePasswordSection = () => {
   return (
     <>
       <div className="mt-6">
-        <h2 className="text-lg leading-6 font-medium text-gray-900">Change Password</h2>
+        <h2 className="font-cal text-lg leading-6 font-medium text-gray-900">Change Password</h2>
       </div>
       <form className="divide-y divide-gray-200 lg:col-span-9" onSubmit={changePasswordHandler}>
         <div className="py-6 lg:pb-8">
diff --git a/components/security/TwoFactorAuthSection.tsx b/components/security/TwoFactorAuthSection.tsx
index 70888232a0..c19bfcb042 100644
--- a/components/security/TwoFactorAuthSection.tsx
+++ b/components/security/TwoFactorAuthSection.tsx
@@ -14,7 +14,7 @@ const TwoFactorAuthSection = ({ twoFactorEnabled }: { twoFactorEnabled: boolean
   return (
     <>
       <div className="flex flex-row items-center">
-        <h2 className="text-lg leading-6 font-medium text-gray-900">Two-Factor Authentication</h2>
+        <h2 className="font-cal text-lg leading-6 font-medium text-gray-900">Two-Factor Authentication</h2>
         <Badge className="text-xs ml-2" variant={enabled ? "success" : "gray"}>
           {enabled ? "Enabled" : "Disabled"}
         </Badge>
diff --git a/components/security/TwoFactorModalHeader.tsx b/components/security/TwoFactorModalHeader.tsx
index 68288ba360..73c3632ee1 100644
--- a/components/security/TwoFactorModalHeader.tsx
+++ b/components/security/TwoFactorModalHeader.tsx
@@ -8,7 +8,7 @@ const TwoFactorModalHeader = ({ title, description }: { title: string; descripti
         <ShieldCheckIcon className="w-6 h-6 text-black" />
       </div>
       <div className="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-        <h3 className="text-lg font-medium leading-6 text-gray-900" id="modal-title">
+        <h3 className="font-cal text-lg font-medium leading-6 text-gray-900" id="modal-title">
           {title}
         </h3>
         <p className="text-sm text-gray-400">{description}</p>
diff --git a/components/team/EditTeam.tsx b/components/team/EditTeam.tsx
index 17bc9029b2..57c62107f6 100644
--- a/components/team/EditTeam.tsx
+++ b/components/team/EditTeam.tsx
@@ -144,7 +144,7 @@ export default function EditTeam(props: { team: Team | undefined | null; onClose
           </div>
         </div>
         <hr className="mt-2" />
-        <h3 className="font-bold leading-6 text-gray-900 mt-7 text-md">Profile</h3>
+        <h3 className="font-cal font-bold leading-6 text-gray-900 mt-7 text-md">Profile</h3>
         <form className="divide-y divide-gray-200 lg:col-span-9" onSubmit={updateTeamHandler}>
           {hasErrors && <ErrorAlert message={errorMessage} />}
           <div className="py-6 lg:pb-8">
@@ -214,7 +214,7 @@ export default function EditTeam(props: { team: Team | undefined | null; onClose
                   <hr className="mt-6" />
                 </div>
                 <div className="flex justify-between mt-7">
-                  <h3 className="font-bold leading-6 text-gray-900 text-md">Members</h3>
+                  <h3 className="font-cal font-bold leading-6 text-gray-900 text-md">Members</h3>
                   <div className="relative flex items-center">
                     <Button
                       type="button"
diff --git a/pages/404.tsx b/pages/404.tsx
index 318ad6b6a0..316a1ad52e 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -47,7 +47,7 @@ export default function Custom404() {
         <main className="max-w-xl mx-auto pb-6 pt-16 sm:pt-24">
           <div className="text-center">
             <p className="text-sm font-semibold text-black uppercase tracking-wide">404 error</p>
-            <h1 className="mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl">
+            <h1 className="font-cal mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl">
               This page does not exist.
             </h1>
             {isEventType404 ? (
diff --git a/pages/[user].tsx b/pages/[user].tsx
index f53d343084..deadf1d881 100644
--- a/pages/[user].tsx
+++ b/pages/[user].tsx
@@ -54,7 +54,7 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
             {props.eventTypes.length == 0 && (
               <div className="shadow overflow-hidden rounded-sm">
                 <div className="p-8 text-center text-gray-400 dark:text-white">
-                  <h2 className="font-semibold text-3xl text-gray-600 dark:text-white">Uh oh!</h2>
+                  <h2 className="font-cal font-semibold text-3xl text-gray-600 dark:text-white">Uh oh!</h2>
                   <p className="max-w-md mx-auto">This user hasn&apos;t set up any event types yet.</p>
                 </div>
               </div>
diff --git a/pages/auth/forgot-password/[id].tsx b/pages/auth/forgot-password/[id].tsx
index 26ca51d094..b031de8e74 100644
--- a/pages/auth/forgot-password/[id].tsx
+++ b/pages/auth/forgot-password/[id].tsx
@@ -77,7 +77,7 @@ export default function Page({ resetPasswordRequest, csrfToken }: Props) {
       <>
         <div className="space-y-6">
           <div>
-            <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Success</h2>
+            <h2 className="font-cal mt-6 text-center text-3xl font-extrabold text-gray-900">Success</h2>
           </div>
           <p>Your password has been reset. You can now login with your newly created password.</p>
           <Link href="/auth/login">
@@ -97,7 +97,7 @@ export default function Page({ resetPasswordRequest, csrfToken }: Props) {
       <>
         <div className="space-y-6">
           <div>
-            <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Whoops</h2>
+            <h2 className="font-cal mt-6 text-center text-3xl font-extrabold text-gray-900">Whoops</h2>
             <h2 className="text-center text-3xl font-extrabold text-gray-900">That Request is Expired.</h2>
           </div>
           <p>
@@ -130,7 +130,9 @@ export default function Page({ resetPasswordRequest, csrfToken }: Props) {
           {!isRequestExpired && !success && (
             <>
               <div className="space-y-6">
-                <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Reset Password</h2>
+                <h2 className="font-cal mt-6 text-center text-3xl font-extrabold text-gray-900">
+                  Reset Password
+                </h2>
                 <p>Enter the new password you&apos;d like for your account.</p>
                 {error && <p className="text-red-600">{error.message}</p>}
               </div>
diff --git a/pages/auth/forgot-password/index.tsx b/pages/auth/forgot-password/index.tsx
index 004b1c029f..9b5fae648e 100644
--- a/pages/auth/forgot-password/index.tsx
+++ b/pages/auth/forgot-password/index.tsx
@@ -81,7 +81,9 @@ export default function ForgotPassword({ csrfToken }) {
           {!success && (
             <>
               <div className="space-y-6">
-                <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Forgot Password</h2>
+                <h2 className="font-cal mt-6 text-center text-3xl font-extrabold text-gray-900">
+                  Forgot Password
+                </h2>
                 <p>
                   Enter the email address associated with your account and we will send you a link to reset
                   your password.
diff --git a/pages/auth/login.tsx b/pages/auth/login.tsx
index cb43dfb362..0e5eed3a1d 100644
--- a/pages/auth/login.tsx
+++ b/pages/auth/login.tsx
@@ -72,7 +72,9 @@ export default function Login({ csrfToken }) {
       <HeadSeo title="Login" description="Login" />
       <div className="sm:mx-auto sm:w-full sm:max-w-md">
         <img className="h-6 mx-auto" src="/calendso-logo-white-word.svg" alt="Cal.com Logo" />
-        <h2 className="mt-6 text-center text-3xl font-bold text-neutral-900">Sign in to your account</h2>
+        <h2 className="font-cal mt-6 text-center text-3xl font-bold text-neutral-900">
+          Sign in to your account
+        </h2>
       </div>
 
       <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
diff --git a/pages/auth/signup.tsx b/pages/auth/signup.tsx
index c6c5a738ba..7caafafcf6 100644
--- a/pages/auth/signup.tsx
+++ b/pages/auth/signup.tsx
@@ -58,7 +58,7 @@ export default function Signup(props) {
       aria-modal="true">
       <HeadSeo title="Sign up" description="Sign up" />
       <div className="sm:mx-auto sm:w-full sm:max-w-md">
-        <h2 className="text-center text-3xl font-extrabold text-gray-900">Create your account</h2>
+        <h2 className="font-cal text-center text-3xl font-extrabold text-gray-900">Create your account</h2>
       </div>
       <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
         <div className="bg-white py-8 px-4 shadow mx-2 sm:rounded-lg sm:px-10">
diff --git a/pages/cancel/[uid].tsx b/pages/cancel/[uid].tsx
index e90a99e116..a27a8ff219 100644
--- a/pages/cancel/[uid].tsx
+++ b/pages/cancel/[uid].tsx
@@ -99,7 +99,9 @@ export default function Type(props) {
                           <p className="text-sm text-gray-500">Instead, you could also reschedule it.</p>
                         </div>
                         <div className="mt-4 border-t border-b py-4">
-                          <h2 className="text-lg font-medium text-gray-600 mb-2">{props.booking.title}</h2>
+                          <h2 className="font-cal text-lg font-medium text-gray-600 mb-2">
+                            {props.booking.title}
+                          </h2>
                           <p className="text-gray-500">
                             <CalendarIcon className="inline-block w-4 h-4 mr-1 -mt-1" />
                             {dayjs(props.booking.startTime).format(
diff --git a/pages/integrations/index.tsx b/pages/integrations/index.tsx
index e753a6239a..2cac6d28be 100644
--- a/pages/integrations/index.tsx
+++ b/pages/integrations/index.tsx
@@ -156,7 +156,7 @@ export default function Home({ integrations }: inferSSRProps<typeof getServerSid
                       <img className="h-8 w-8 mr-2" src={integration.imageSrc} alt={integration.title} />
                     </div>
                     <div className="w-10/12">
-                      <h2 className="text-gray-800 font-medium">{integration.title}</h2>
+                      <h2 className="font-cal text-gray-800 font-medium">{integration.title}</h2>
                       <p className="text-gray-400 text-sm">{integration.description}</p>
                     </div>
                     <div className="w-2/12 text-right pt-2">
diff --git a/pages/settings/embed.tsx b/pages/settings/embed.tsx
index d5dc46c5e7..d04b907898 100644
--- a/pages/settings/embed.tsx
+++ b/pages/settings/embed.tsx
@@ -20,7 +20,7 @@ export default function Embed(props) {
       <SettingsShell>
         <div className="py-6 lg:pb-8 lg:col-span-9">
           <div className="mb-6">
-            <h2 className="text-lg leading-6 font-medium text-gray-900">iframe Embed</h2>
+            <h2 className="font-cal text-lg leading-6 font-medium text-gray-900">iframe Embed</h2>
             <p className="mt-1 text-sm text-gray-500">The easiest way to embed Cal.com on your website.</p>
           </div>
           <div className="grid grid-cols-2 space-x-4">
@@ -66,7 +66,7 @@ export default function Embed(props) {
             </div>
           </div>
           <div className="my-6">
-            <h2 className="text-lg leading-6 font-medium text-gray-900">Cal.com API</h2>
+            <h2 className="font-cal text-lg leading-6 font-medium text-gray-900">Cal.com API</h2>
             <p className="mt-1 text-sm text-gray-500">
               Leverage our API for full control and customizability.
             </p>
diff --git a/pages/settings/teams.tsx b/pages/settings/teams.tsx
index 4568922f46..9f175501f9 100644
--- a/pages/settings/teams.tsx
+++ b/pages/settings/teams.tsx
@@ -115,7 +115,7 @@ export default function Teams() {
 
                 {!!invites.length && (
                   <div>
-                    <h2 className="text-lg font-medium leading-6 text-gray-900">Open Invitations</h2>
+                    <h2 className="font-cal text-lg font-medium leading-6 text-gray-900">Open Invitations</h2>
                     <ul className="px-4 mt-4 mb-2 bg-white border divide-y divide-gray-200 rounded">
                       {invites.map((team: Team) => (
                         <TeamListItem
diff --git a/pages/team/[slug].tsx b/pages/team/[slug].tsx
index 5cfd1967f2..6bb4206186 100644
--- a/pages/team/[slug].tsx
+++ b/pages/team/[slug].tsx
@@ -30,7 +30,7 @@ function TeamPage({ team }: InferGetServerSidePropsType<typeof getServerSideProp
           <Link href={`${team.slug}/${type.slug}`}>
             <a className="px-6 py-4 flex justify-between">
               <div className="flex-shrink">
-                <h2 className="font-semibold text-neutral-900 dark:text-white">{type.title}</h2>
+                <h2 className="font-cal font-semibold text-neutral-900 dark:text-white">{type.title}</h2>
                 <EventTypeDescription className="text-sm" eventType={type} />
               </div>
               <div className="mt-1">
diff --git a/public/cal.ttf b/public/cal.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..0b3bba41b4df5b510214b7bef2ea86ba436915ef
GIT binary patch
literal 31136
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

literal 0
HcmV?d00001

diff --git a/styles/globals.css b/styles/globals.css
index 5403186b7a..4313752cf1 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -13,106 +13,112 @@
   @apply text-black;
 }
 
+/* Cal Sans */
+@font-face {
+  font-family: "Cal Sans";
+  src: url("https://cal.com/cal.ttf");
+}
+
 /* note(PeerRich): TODO move @layer components into proper React Components: <Button color="primary" size="xs" /> */
 @layer components {
-    /* Primary buttons */
-    .btn-xs.btn-primary {
-        @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  /* Primary buttons */
+  .btn-xs.btn-primary {
+    @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-sm.btn-primary {
-        @apply inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-sm.btn-primary {
+    @apply inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn.btn-primary {
-        @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn.btn-primary {
+    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-lg.btn-primary {
-        @apply inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-lg.btn-primary {
+    @apply inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-xl.btn-primary {
-        @apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-xl.btn-primary {
+    @apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-wide.btn-primary {
-        @apply w-full text-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-wide.btn-primary {
+    @apply w-full text-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm shadow-sm text-white bg-neutral-900 hover:bg-neutral-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    /* Secondary buttons */
-    .btn-xs.btn-secondary {
-        @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  /* Secondary buttons */
+  .btn-xs.btn-secondary {
+    @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-sm.btn-secondary {
-        @apply inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-sm.btn-secondary {
+    @apply inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn.btn-secondary {
-        @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn.btn-secondary {
+    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-lg.btn-secondary {
-        @apply inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-lg.btn-secondary {
+    @apply inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-xl.btn-secondary {
-        @apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-xl.btn-secondary {
+    @apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-wide.btn-secondary {
-        @apply w-full text-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-wide.btn-secondary {
+    @apply w-full text-center px-4 py-2 border border-transparent text-sm font-medium rounded-sm text-neutral-700 bg-neutral-100 hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    /* White buttons */
-    .btn-xs.btn-white {
-        @apply inline-flex items-center px-2.5 py-1.5 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  /* White buttons */
+  .btn-xs.btn-white {
+    @apply inline-flex items-center px-2.5 py-1.5 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-sm.btn-white {
-        @apply inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-sm.btn-white {
+    @apply inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn.btn-white {
-        @apply inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn.btn-white {
+    @apply inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-lg.btn-white {
-        @apply inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-base font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-lg.btn-white {
+    @apply inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-base font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-xl.btn-white {
-        @apply inline-flex items-center px-6 py-3 border border-gray-300 shadow-sm text-base font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
+  .btn-xl.btn-white {
+    @apply inline-flex items-center px-6 py-3 border border-gray-300 shadow-sm text-base font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
 
-    .btn-wide.btn-white {
-        @apply w-full text-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-    }
-    /* slider */
-    .slider {
-      @apply relative flex items-center w-40 h-4 select-none
-    }
+  .btn-wide.btn-white {
+    @apply w-full text-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+  }
+  /* slider */
+  .slider {
+    @apply relative flex items-center w-40 h-4 select-none;
+  }
 
-    .slider > .slider-track {
-        @apply relative flex-grow h-1 bg-neutral-400 rounded-md;
-    }
+  .slider > .slider-track {
+    @apply relative flex-grow h-1 bg-neutral-400 rounded-md;
+  }
 
-    .slider .slider-range {
-      @apply absolute h-full bg-neutral-700 rounded-full
-    }
+  .slider .slider-range {
+    @apply absolute h-full bg-neutral-700 rounded-full;
+  }
 
-    .slider .slider-thumb {
-      @apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
-    }
+  .slider .slider-thumb {
+    @apply block w-3 h-3 bg-neutral-700 rounded-full shadow-sm cursor-pointer transition-all;
+  }
 
-    .slider .slider-thumb:hover {
-      @apply bg-neutral-600;
-    }
+  .slider .slider-thumb:hover {
+    @apply bg-neutral-600;
+  }
 
-    .slider .slider-thumb:focus {
-      box-shadow: 0 0 0 4px rgba(0,0,0,0.2);
-    }
+  .slider .slider-thumb:focus {
+    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
+  }
 }
 
 /* !important to style multi-email input */
@@ -135,9 +141,9 @@
 
 /* hide intercom chat bubble on mobile */
 @media only screen and (max-width: 768px) {
-    .intercom-launcher-frame{
-        display: none !important;
-    }
+  .intercom-launcher-frame {
+    display: none !important;
+  }
 }
 
 /* add padding bottom to bottom nav on standalone mode */
@@ -149,14 +155,13 @@
 
 /* hide intercom chat bubble on mobile */
 @media only screen and (max-width: 768px) {
-    .intercom-launcher-frame{
-        display: none !important;
-    }
+  .intercom-launcher-frame {
+    display: none !important;
+  }
 }
 
-
-.react-multi-email > [type='text'] {
-    @apply shadow-sm dark:bg-gray-700 dark:text-white dark:border-gray-900 focus:ring-black focus:border-black block w-full sm:text-sm border-gray-300 rounded-md;
+.react-multi-email > [type="text"] {
+  @apply shadow-sm dark:bg-gray-700 dark:text-white dark:border-gray-900 focus:ring-black focus:border-black block w-full sm:text-sm border-gray-300 rounded-md;
 }
 
 .react-multi-email [data-tag] {
@@ -164,78 +169,78 @@
   @apply inline-flex items-center px-2 py-1 my-1 mr-2 border border-transparent text-sm font-medium rounded-md text-gray-900 dark:text-white bg-neutral-200 hover:bg-neutral-100 dark:bg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
 }
 
-  .react-multi-email > span[data-placeholder] {
-    display: none;
-    position: absolute;
-    left: 0.8rem;
-    top: 0.75rem;
-    line-height: 1.25rem;
-    font-size: 0.875rem;
-  }
+.react-multi-email > span[data-placeholder] {
+  display: none;
+  position: absolute;
+  left: 0.8rem;
+  top: 0.75rem;
+  line-height: 1.25rem;
+  font-size: 0.875rem;
+}
 
-  .react-multi-email.empty > span[data-placeholder] {
-    display: inline;
-    color: #646b7a;
-  }
+.react-multi-email.empty > span[data-placeholder] {
+  display: inline;
+  color: #646b7a;
+}
 
-  .react-multi-email.focused > span[data-placeholder] {
-    display: none;
-  }
+.react-multi-email.focused > span[data-placeholder] {
+  display: none;
+}
 
-  .react-multi-email > input {
-    width: 100% !important;
-    display: inline-block !important;
-    @apply mt-1;
-  }
+.react-multi-email > input {
+  width: 100% !important;
+  display: inline-block !important;
+  @apply mt-1;
+}
 
-  .react-multi-email [data-tag] {
-    @apply inline-flex items-center px-2 py-1 my-1 mr-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-gray-900 dark:text-white bg-neutral-200 hover:bg-neutral-100 dark:bg-neutral-900 dark:hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
-  }
+.react-multi-email [data-tag] {
+  @apply inline-flex items-center px-2 py-1 my-1 mr-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-gray-900 dark:text-white bg-neutral-200 hover:bg-neutral-100 dark:bg-neutral-900 dark:hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-500;
+}
 
-  .react-multi-email [data-tag] [data-tag-item] {
-    max-width: 100%;
-    overflow: hidden;
-  }
+.react-multi-email [data-tag] [data-tag-item] {
+  max-width: 100%;
+  overflow: hidden;
+}
 
-  .react-multi-email [data-tag] [data-tag-handle] {
-    margin-left: 0.833em;
-    cursor: pointer;
-  }
+.react-multi-email [data-tag] [data-tag-handle] {
+  margin-left: 0.833em;
+  cursor: pointer;
+}
 
 /* !important to override react-select */
-.react-select__value-container{
-    border: 0 !important;
+.react-select__value-container {
+  border: 0 !important;
 }
 
 .react-select__input input {
-    border: 0 !important; box-shadow: none !important;
+  border: 0 !important;
+  box-shadow: none !important;
 }
 
-.react-select__option--is-focused{
-    background: #000 !important;
-    color: #fff !important
+.react-select__option--is-focused {
+  background: #000 !important;
+  color: #fff !important;
 }
 
-.react-select__control{
-    border: 2px solid transparent !important;
-    box-shadow: none !important;
+.react-select__control {
+  border: 2px solid transparent !important;
+  box-shadow: none !important;
 }
 
-.react-select__control.react-select__control--is-focused{
-        border: 2px solid #000 !important;
-        border-color: #000 !important;
-        box-shadow: none !important;
-            margin: -1px;
-            padding: 1px;
-
+.react-select__control.react-select__control--is-focused {
+  border: 2px solid #000 !important;
+  border-color: #000 !important;
+  box-shadow: none !important;
+  margin: -1px;
+  padding: 1px;
 }
 
 /* !important to override react-dates */
-.DateRangePickerInput__withBorder{
-    border: 0 !important
+.DateRangePickerInput__withBorder {
+  border: 0 !important;
 }
-.DateInput_input{
-  border: 1px solid #D1D5DB !important;
+.DateInput_input {
+  border: 1px solid #d1d5db !important;
   border-radius: 2px !important;
   font-size: inherit !important;
   font-weight: inherit !important;
@@ -244,15 +249,15 @@
   line-height: 16px !important;
 }
 
-.DateInput_input__focused{
+.DateInput_input__focused {
   border: 2px solid #000 !important;
   border-radius: 2px !important;
   box-shadow: none !important;
   padding: 10px ​10px 9px !important;
 }
 
-.DateRangePickerInput_arrow{
-    padding: 0px 10px;
+.DateRangePickerInput_arrow {
+  padding: 0px 10px;
 }
 
 .loader {
@@ -318,47 +323,45 @@
 }
 
 nav#nav--settings > a {
-    @apply border-transparent text-gray-900 hover:bg-gray-50 hover:text-gray-900 border-l-4 px-3 py-2 flex items-center text-sm font-medium;
+  @apply border-transparent text-gray-900 hover:bg-gray-50 hover:text-gray-900 border-l-4 px-3 py-2 flex items-center text-sm font-medium;
 }
 
 nav#nav--settings > a svg {
-    @apply text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6;
+  @apply text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6;
 }
 
 nav#nav--settings > a.active {
-    @apply bg-neutral-50 border-neutral-500 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-700;
+  @apply bg-neutral-50 border-neutral-500 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-700;
 }
 
 nav#nav--settings > a.active svg {
-    @apply text-neutral-500;
+  @apply text-neutral-500;
 }
 
-
 table tbody tr:nth-child(odd) {
-    @apply bg-gray-50;
+  @apply bg-gray-50;
 }
 
-
 body {
-    background-color: #f3f4f6;
+  background-color: #f3f4f6;
 }
 
 .text-white-important {
-    color: white !important;
+  color: white !important;
 }
 
 @layer utilities {
-    .transition-max-width {
-        -webkit-transition-property: max-width;
-        transition-property: max-width;
-    }
+  .transition-max-width {
+    -webkit-transition-property: max-width;
+    transition-property: max-width;
+  }
 }
 
 #timeZone input:focus {
-    box-shadow: none;
+  box-shadow: none;
 }
 
 .weekdaySelect button.active {
-    background: #000;
-    color: #fff;
+  background: #000;
+  color: #fff;
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 73d36b9268..6ab100d51e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -93,7 +93,7 @@ module.exports = {
       },
       fontFamily: {
         inter: ["Inter", "sans-serif"],
-        kollektif: ["Kollektif", "sans-serif"],
+        cal: ["Cal Sans", "sans-serif"],
       },
       maxHeight: (theme) => ({
         0: "0",