diff --git a/front/src/components/SignIn.js b/front/src/components/SignIn.js
index e461252b50..3c4ceff687 100644
--- a/front/src/components/SignIn.js
+++ b/front/src/components/SignIn.js
@@ -52,7 +52,11 @@ function SignIn(){
         
     return (<>
     <div className={styles.signInBody}>
-        <div className={styles.logo}></div>
+        <div className={styles.logoNameBox}>
+        <span className={styles.signInLogoName}>"문향"</span>
+        <span className={styles.subLogoName}>문자의 향기를 찾아보세요</span>
+        </div>
+        {/* <div className={styles.logo}></div> */}
         <div className={styles.buttonBox}>
             {/* 메인화면으로 이동 버튼 */}
         <button className={styles.toMainButton}onClick={()=>{navigate('/')}}>메인화면으로 이동하기</button>
diff --git a/front/src/css/SignIn.module.css b/front/src/css/SignIn.module.css
index c07ea905a3..1f7a340bf6 100644
--- a/front/src/css/SignIn.module.css
+++ b/front/src/css/SignIn.module.css
@@ -7,7 +7,10 @@ html{
     height:80vh;
     min-width: 233px;
     margin:auto auto;
-    box-shadow: 0px 0px 5px #444;
+    /* box-shadow: 0px 0px 5px #444; */
+    border: solid 1px #000 ;
+    border-radius: 5px;
+    background-color: #fff;
     display:flex;
     flex-direction: column;
     justify-content: space-around;
@@ -20,6 +23,17 @@ html{
     background-image: url("../imgs/logo.svg");
     background-size: cover;
 }
+.signInLogoName{
+    font-size:3em;
+    padding-bottom: 10px;
+    
+}
+.logoNameBox{
+    display: flex;
+    flex-direction: column;
+    /* justify-content: center; */
+    align-items: center;
+}
 .form{
     display: flex;
     flex-direction: column;
@@ -37,7 +51,7 @@ html{
     min-height:100px;
 }
 
-.toMainbutton{
+.toMainButton{
     border-radius: 48px;
     font-size :1.1em;
     border:1px solid #E3E5E5;
@@ -46,6 +60,12 @@ html{
     justify-content: center; /* 가로 중앙 정렬 */
     background-color: #fff;
     padding: 10px 35px;
+    font-family: 'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+}
+.toMainButton:hover{
+    cursor:pointer;
 }
 .googleButton{
     border-radius: 48px;
@@ -56,6 +76,10 @@ html{
     justify-content: center; /* 가로 중앙 정렬 */
     background-color: #fff;
     padding: 10px 35px;
+    
+}
+.googleButton:hover{
+    cursor: pointer;
 }
 .googleButton svg{
     margin-right: 10px; /* 로고와 텍스트 사이의 간격 조정 */
@@ -63,4 +87,9 @@ html{
 
 .googleButton span{
     font-size: 1.1em; /* 텍스트 글자 크기 조정 */
+    font-family:'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;font:'GyeonggiBatang',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
 }
diff --git a/front/src/imgs/anno.svg b/front/src/imgs/anno.svg
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/front/src/imgs/prof.svg b/front/src/imgs/prof.svg
new file mode 100644
index 0000000000..52e4e12abc
--- /dev/null
+++ b/front/src/imgs/prof.svg
@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.3999 19.5124C1.3999 15.7369 4.55419 12.6762 10.9999 12.6762C17.4456 12.6762 20.5999 15.7369 20.5999 19.5124C20.5999 20.1131 20.1617 20.6 19.6211 20.6H2.37873C1.83814 20.6 1.3999 20.1131 1.3999 19.5124Z" stroke="black" stroke-width="2"/>
+<path d="M14.5999 5.00002C14.5999 6.98825 12.9881 8.60002 10.9999 8.60002C9.01168 8.60002 7.3999 6.98825 7.3999 5.00002C7.3999 3.0118 9.01168 1.40002 10.9999 1.40002C12.9881 1.40002 14.5999 3.0118 14.5999 5.00002Z" stroke="black" stroke-width="2"/>
+</svg>