From 0ee27df25ed25c20a85f7da56d676e0d141c31d9 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Fri, 1 Mar 2024 14:00:41 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20font=20hierarchy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../org-slug/projects/create/template/index.tsx      | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
index 8364f60a..236442a0 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
@@ -133,13 +133,15 @@ const CreateRepo = () => {
     <form onSubmit={handleSubmit(submitRepoHandler)}>
       <div className="flex flex-col gap-4 lg:gap-7 w-full">
         <div>
-          <Heading className="text-lg font-medium">Create a repository</Heading>
-          <Heading className="text-sm text-elements-low-em">
+          <Heading as="h3" className="text-lg font-medium">
+            Create a repository
+          </Heading>
+          <Heading as="h5" className="text-sm font-sans text-elements-low-em">
             The project will be cloned into this repository
           </Heading>
         </div>
         <div className="flex flex-col justify-start gap-3">
-          <Heading className="text-sm">Framework</Heading>
+          <span className="text-sm text-elements-high-em">Framework</span>
           <Controller
             name="framework"
             control={control}
@@ -155,7 +157,7 @@ const CreateRepo = () => {
           />
         </div>
         <div className="flex flex-col justify-start gap-3">
-          <Heading className="text-sm">Git account</Heading>
+          <span className="text-sm text-elements-high-em">Git account</span>
           <Controller
             name="account"
             control={control}
@@ -174,7 +176,7 @@ const CreateRepo = () => {
           />
         </div>
         <div className="flex flex-col justify-start gap-3">
-          <Heading className="text-sm">Name the repo</Heading>
+          <span className="text-sm text-elements-high-em">Name the repo</span>
           <Controller
             name="repoName"
             control={control}