diff --git a/.gitignore b/.gitignore
index fdbdb6f..063304c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,6 +22,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-#/src/config.ts
+/src/config.ts
 
 /.idea
diff --git a/public/favicon.ico b/public/favicon.ico
index 94e263d..0fbe9ce 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/logo.png b/public/logo.png
index 8fcded2..0fbe9ce 100644
Binary files a/public/logo.png and b/public/logo.png differ
diff --git a/src/App.tsx b/src/App.tsx
index 608810f..d05c141 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -67,19 +67,19 @@ const theme = createTheme({
         categories: {
             fontWeight: 900, // or 'bold'
             fontSize: "1rem",
-            fontFamily: "Neophyte"
+            fontFamily: "Pretendard"
         },
         header: {
             fontWeight: 900, // or 'bold'
-            fontSize: "1.5rem",
-            fontFamily: "Octuple",
+            fontSize: "1.9rem",
+            fontFamily: "Tarotheque",
             letterSpacing:"0.02em",
         },
         "sub-header": {
             fontWeight: 700, // or 'bold'
             fontSize: "1.2rem",
             textAlign: "center",
-            fontFamily: "Neophyte"
+            fontFamily: "Pretendard"
         },
         "article-text": {
             fontWeight: 900, // or 'bold'
@@ -88,15 +88,15 @@ const theme = createTheme({
             lineHeight: 1,
             color: "white",
             textShadow: '2px 2px 4px rgba(0, 0, 0, 0.7)',  
-            fontFamily: "Neophyte"      
+            fontFamily: "Pretendard"      
         },
         "alt-article-text": {
             fontWeight: 900, 
             fontSize: "1.3rem",
             textAlign: "center",
             lineHeight: 1,
-            color: "#a33b7e",
-            fontFamily: "Neophyte"      
+            color: "#923615",
+            fontFamily: "Pretendard"      
         },
     },
 });
@@ -510,7 +510,7 @@ function App() {
     return (
         <ThemeProvider theme={theme}>
             <div
-                className="App bg-logo_bg w-screen bg-no-repeat bg-center bg-fixed bg-background-page bg-[length:70%] h-screen overflow-y-scroll">
+                className="App bg-logo_bg w-screen bg-no-repeat bg-center bg-fixed bg-background-page bg-[length:55%] h-screen overflow-y-scroll">
                 <History/>
                 <Connexion/>
                 <CardReaderNotConnected/>
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 8d14a30..a5acb73 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -54,7 +54,7 @@ export default function Header() {
             <Box>
                 <Button
                     variant="contained"
-                    style={{backgroundColor:"#fffb6c", color:'#a33b7e'}}
+                    style={{backgroundColor:"#230E2F", color:'#9C75BE'}}
                     onClick={() => handleLogOut()}
                     disabled={connexion.type !== typeConnexion.SUCCESSFULL}
                     endIcon={<CancelPresentation/>}
diff --git a/src/fonts/Pretendard-Light.otf b/src/fonts/Pretendard-Light.otf
new file mode 100644
index 0000000..fefa785
Binary files /dev/null and b/src/fonts/Pretendard-Light.otf differ
diff --git a/src/fonts/tarotheque_v1.ttf b/src/fonts/tarotheque_v1.ttf
new file mode 100644
index 0000000..973c0b6
Binary files /dev/null and b/src/fonts/tarotheque_v1.ttf differ
diff --git a/src/index.css b/src/index.css
index 20e3425..3c2b5e3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -17,13 +17,13 @@ code {
 }
 
 @font-face {
-    font-family: 'Octuple';
-    src: local('Octuple'), url(./fonts/Octuple-max.ttf) format('truetype');
+    font-family: 'Tarotheque';
+    src: local('Tarotheque'), url(./fonts/tarotheque_v1.ttf) format('truetype');
 }
 
 @font-face {
-    font-family: 'Neophyte';
-    src: local('Neophyte'), url(./fonts/Y2K_neophyte.ttf) format('truetype');
+    font-family: 'Pretendard';
+    src: local('Pretendard'), url(./fonts/Pretendard-Light.otf) format('truetype');
 }
 
 @tailwind base;
diff --git a/tailwind.config.js b/tailwind.config.js
index 56724b9..cf5c840 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,8 +3,8 @@ module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
     boxShadow: {
-      component: "0 4px 6px -1px #883F1A",
-      article: "0 4px 6px -1px #883F1A",
+      component: "0 4px 6px -1px #923615",
+      article: "0 4px 6px -1px #923615",
     },
     borderWidth: {
       DEFAULT: "0.1em",
@@ -16,18 +16,18 @@ module.exports = {
       8: "8px",
     },
     colors: {
-      "background-component": "#c33b7a",
-      "border-component": "#612f96",
+      "background-component": "#923615",
+      "border-component": "#230E2F",
       "border-inter-categories": "hsla(0, 0%, 100%, .1)",
       red: "#ff3333",
       green: "#5cb85c",
-      "border-article": "#612f96",
+      "border-article": "#230E2F",
       orange: "#EF7B45",
       "gray-dark": "#273444",
       gray: "#8492a6",
       "gray-light": "#d3dce6",
       slate: "#201f1f",
-      "background-page": "#f3c238",
+      "background-page": "#9C75BE",
       white: "#FFFFFF",
     },
     extend: {