diff --git a/landing/team-profile.css b/landing/team-profile.css
index b0de6b4c0..b8ce31be8 100644
--- a/landing/team-profile.css
+++ b/landing/team-profile.css
@@ -1,45 +1,43 @@
 .profile {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-width: 175px;
 }
 
 .profile img {
   border-radius: 8px;
   max-width: 125px;
   max-height: 125px;
   margin-bottom: 8px;
 }
 
 .profile p {
-  font-size: 18px;
   text-align: center;
 }
 
 .profile small {
-  color: var(--grey);
-  font-size: 16px;
+  color: var(--black-60);
   text-align: center;
 }
 
 .profile span svg {
-  color: var(--grey);
+  color: var(--black-60);
 }
 
 .profile span svg:hover {
-  color: var(--white);
+  color: var(--white-100);
 }
 
 .profile span {
   text-align: center;
 }
 
 .profile span > a + a {
   padding-left: 8px;
 }
 
 .profile span > a {
-  color: var(--white);
+  color: var(--white-100);
   font-size: 20px;
 }
diff --git a/landing/team-profile.react.js b/landing/team-profile.react.js
index 88053a04c..1cc3499d3 100644
--- a/landing/team-profile.react.js
+++ b/landing/team-profile.react.js
@@ -1,63 +1,64 @@
 // @flow
 
 import { faTwitter, faGithub } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import * as React from 'react';
 
 import css from './team-profile.css';
+import typography from './typography.css';
 
 type Props = {
   +name: string,
   +role: string,
   +imageURL: string,
   +githubHandle?: string,
   +twitterHandle?: string,
 };
 
 const iconProps = {
   size: 'm',
 };
 
 function TeamProfile(props: Props): React.Node {
   const { name, role, imageURL, githubHandle, twitterHandle } = props;
 
   let twitterLink;
   if (twitterHandle) {
     twitterLink = (
       <a
         href={`https://twitter.com/${twitterHandle}`}
         target="_blank"
         rel="noreferrer"
       >
         <FontAwesomeIcon icon={faTwitter} {...iconProps} />
       </a>
     );
   }
 
   let githubLink;
   if (githubHandle) {
     githubLink = (
       <a
         href={`https://github.com/${githubHandle}`}
         target="_blank"
         rel="noreferrer"
       >
         <FontAwesomeIcon icon={faGithub} {...iconProps} />
       </a>
     );
   }
 
   return (
     <article className={css.profile}>
       <img alt={`portrait of comm team member ${name}`} src={imageURL} />
-      <p>{name}</p>
-      <small>{role}</small>
+      <p className={typography.paragraph1}>{name}</p>
+      <small className={typography.paragraph2}>{role}</small>
       <span>
         {githubLink}
         {twitterLink}
       </span>
     </article>
   );
 }
 
 export default TeamProfile;
diff --git a/landing/team.css b/landing/team.css
index d69292019..f2ed96427 100644
--- a/landing/team.css
+++ b/landing/team.css
@@ -1,53 +1,36 @@
 .wrapper {
   padding: 16px 0;
   margin: 0 auto 48px auto;
   max-width: 1200px;
+  padding-top: 72px;
 }
 
 .header {
-  font-family: 'iA Writer Duo S', monospace;
-  font-weight: 500;
-  line-height: 1.35;
   text-align: center;
-  --scale: calc(0.75rem + 2vw);
-  --smallest-font-size: 30px;
-  --largest-font-size: 50px;
-  --smallest-padding-size: 32px;
-  --largest-padding-size: 64px;
-
-  padding-bottom: clamp(
-    var(--smallest-padding-size),
-    var(--scale),
-    var(--largest-padding-size)
-  );
-
-  font-size: clamp(
-    var(--smallest-font-size),
-    var(--scale),
-    var(--largest-font-size)
-  );
+  color: var(--white-80);
+  margin-bottom: 48px;
 }
 
 .teamWrapper {
   transition-property: max-width;
   transition: 300ms;
   display: flex;
   flex-wrap: wrap;
   row-gap: 32px;
   justify-content: center;
   min-width: 320px;
   margin: 0 auto;
   padding-bottom: 72px;
 }
 
 div.headingContent {
   text-align: center;
   padding-bottom: 72px;
 }
 
 p.team {
   max-width: 60ch;
   margin: 0 auto;
-  padding: 0 16px 36px 16px;
-  font-size: 1.6rem;
+  padding: 0 32px 40px 32px;
+  color: var(--white-80);
 }
diff --git a/landing/team.react.js b/landing/team.react.js
index a9ebcc76f..b573f235b 100644
--- a/landing/team.react.js
+++ b/landing/team.react.js
@@ -1,145 +1,150 @@
 // @flow
 
+import classNames from 'classnames';
 import * as React from 'react';
 
 import { assetsCacheURLPrefix } from './asset-meta-data.js';
 import Button from './button.react.js';
 import TeamProfile from './team-profile.react.js';
 import css from './team.css';
+import typography from './typography.css';
 
 function Team(): React.Node {
   const onRolesClick = React.useCallback(() => {
     window.open(
       'https://www.notion.so/commapp/Comm-is-hiring-db097b0d63eb4695b32f8988c8e640fd',
       '_blank',
     );
   }, []);
 
+  const headerClassName = classNames([typography.heading1, css.header]);
+  const subheaderClassName = classNames([typography.subheading2, css.team]);
+
   return (
     <div className={css.wrapper}>
-      <h2 className={css.header}>Team</h2>
+      <h2 className={headerClassName}>Team</h2>
 
       <section>
         <div className={css.headingContent}>
-          <p className={css.team}>
+          <p className={subheaderClassName}>
             Comm is the keyserver company. Come join us and help build the
             future of the decentralized web!
           </p>
           <Button onClick={onRolesClick}>Open Roles</Button>
         </div>
         <div className={css.teamWrapper}>
           <TeamProfile
             name="Ashoat Tevosyan"
             role="Founder"
             githubHandle="ashoat"
             twitterHandle="ashoat"
             imageURL={`${assetsCacheURLPrefix}/ashoat.png`}
           />
           <TeamProfile
             name="atul"
             role="Software Engineer"
             githubHandle="atulsmadhugiri"
             twitterHandle="atuli0"
             imageURL={`${assetsCacheURLPrefix}/atul.jpeg`}
           />
           <TeamProfile
             name="Varun Dhananjaya"
             role="Software Engineer"
             githubHandle="vdhanan"
             twitterHandle="_va_run"
             imageURL={`${assetsCacheURLPrefix}/varun.jpeg`}
           />
           <TeamProfile
             name="Jon Ringer"
             role="Software Engineer"
             githubHandle="jonringer"
             imageURL={`${assetsCacheURLPrefix}/jon.jpg`}
           />
           <TeamProfile
             name="Mark Rafferty"
             role="Recruiter"
             imageURL={`${assetsCacheURLPrefix}/mark.jpg`}
           />
           <TeamProfile
             name="Anunay Kulshrestha"
             role="Research Scientist"
             imageURL={`${assetsCacheURLPrefix}/anunay.jpg`}
           />
           <TeamProfile
             name="Ginsu Eddy"
             role="Software Engineer"
             githubHandle="ginsueddy"
             twitterHandle="ginsueddy"
             imageURL={`${assetsCacheURLPrefix}/ginsu.jpg`}
           />
           <TeamProfile
             name="Ted Chang"
             role="Product Designer"
             twitterHandle="ted__chang"
             imageURL={`${assetsCacheURLPrefix}/ted.jpg`}
           />
           <TeamProfile
             name="Rohan Khanderia"
             role="Software Engineer"
             imageURL={`${assetsCacheURLPrefix}/rohan.jpg`}
             githubHandle="RohanK6"
           />
         </div>
       </section>
 
-      <h2 className={css.header}>Team at Software Mansion</h2>
+      <h2 className={headerClassName}>Team at Software Mansion</h2>
       <section className={css.teamWrapper}>
         <TeamProfile
           name="Tomasz Pałys"
           role="Software Engineer"
           githubHandle="palys-swm"
           imageURL={`${assetsCacheURLPrefix}/tomek.png`}
         />
         <TeamProfile
           name="Marcin Wasowicz"
           role="Software Engineer"
           githubHandle="marcinwasowicz"
           imageURL={`${assetsCacheURLPrefix}/marcin.jpeg`}
         />
         <TeamProfile
           name="Inka Sokolowska"
           role="Software Engineer"
           githubHandle="InkaAlicja"
           imageURL={`${assetsCacheURLPrefix}/inka.jpg`}
         />
         <TeamProfile
           name="Kamil Kurowski"
           role="Software Engineer"
           githubHandle="xsanm"
           imageURL={`${assetsCacheURLPrefix}/kamil.jpg`}
         />
         <TeamProfile
           name="Michał Gniadek"
           role="Software Engineer"
           githubHandle="MichalGniadek"
           imageURL={`${assetsCacheURLPrefix}/michał.jpg`}
         />
         <TeamProfile
           name="Bartłomiej Klocek"
           role="Software Engineer"
           githubHandle="barthap"
           twitterHandle="barthap10"
           imageURL={`${assetsCacheURLPrefix}/bartłomiej.jpg`}
         />
         <TeamProfile
           name="Aleksandra Grzęda"
           role="Project Manager"
           imageURL={`${assetsCacheURLPrefix}/aleksandra.jpg`}
         />
         <TeamProfile
           name="Patryk Klatka"
           role="Software Engineer"
           imageURL={`${assetsCacheURLPrefix}/patryk.jpg`}
           githubHandle="pklatka"
         />
       </section>
     </div>
   );
 }
 
 export default Team;