diff --git a/assets/css/custom-panel.css b/assets/css/custom-panel.css
index bbbef02..1554ae5 100644
--- a/assets/css/custom-panel.css
+++ b/assets/css/custom-panel.css
@@ -1,4 +1,48 @@
+@font-face {
+    font-family: 'Terminal Grotesque';
+    src: url('fonts/terminal-grotesque.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Danzza';
+    src: url('fonts/Danzza-Bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
 :root{
+    --font-title: 'Terminal Grotesque', sans-serif;
+    --font-body: 'Danzza', sans-serif;
+
+    /*dé commenter pour ajouter leur font*/
+    /*font récuperer via leur site donc je ne sais pas quel est la licence*/
+    /* --font-sans: 'Danzza', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
+    
+    --text-h1: 3em;
+
     --color-green-perso: #04fea0;
 
     --color-black: #0B1632;
@@ -41,4 +85,15 @@
 
 .k-panel-menu-button:hover:not(.k-activation-button):not(.k-panel-menu-search){
     color: var(--color-green-perso);
+}
+
+
+.k-header-title{
+    font-family: var(--font-title);
+}
+.k-header-title-text{
+    text-transform: uppercase;
+}
+.k-header-title .k-icon{
+    --icon-size: 28px;
 }
\ No newline at end of file
diff --git a/assets/css/fonts/PixelifySans-Regular.ttf b/assets/css/fonts/PixelifySans-Regular.ttf
new file mode 100644
index 0000000..81993b9
Binary files /dev/null and b/assets/css/fonts/PixelifySans-Regular.ttf differ
diff --git a/site/plugins/custom-marks/fonts/PixelifySans-Regular.ttf b/site/plugins/custom-marks/fonts/PixelifySans-Regular.ttf
new file mode 100644
index 0000000..81993b9
Binary files /dev/null and b/site/plugins/custom-marks/fonts/PixelifySans-Regular.ttf differ
diff --git a/site/plugins/custom-marks/index.css b/site/plugins/custom-marks/index.css
index 4a8cda9..b37cc4f 100644
--- a/site/plugins/custom-marks/index.css
+++ b/site/plugins/custom-marks/index.css
@@ -1,4 +1,19 @@
 /* Styles pour les marks personnalisés dans le panel Kirby */
+@font-face {
+    font-family: 'Terminal Grotesque';
+    src: url('/assets/css/fonts/terminal-grotesque.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Pixelify Sans';
+    src: url('/assets/css/fonts/PixelifySans-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
 
 /* Mark Green - Couleur verte */
 .k-writer span.green {
@@ -7,12 +22,6 @@
 
 /* Mark Pixel - Typo serif (placeholder pour future typo pixel) */
 .k-writer span.pixel {
-    font-family: Georgia, "Times New Roman", serif;
-}
-
-/* Combinaison des deux marks */
-.k-writer span.green.pixel,
-.k-writer span.pixel.green {
-    color: #04fea0;
-    font-family: Georgia, "Times New Roman", serif;
-}
+    font-family: 'Pixelify Sans', serif;
+    font-size: 1.15em;
+}
\ No newline at end of file
diff --git a/site/plugins/custom-marks/index.js b/site/plugins/custom-marks/index.js
index 63e7467..164003c 100644
--- a/site/plugins/custom-marks/index.js
+++ b/site/plugins/custom-marks/index.js
@@ -1,4 +1,7 @@
 panel.plugin("custom/marks", {
+    icons: {
+        pixel: '<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M5.491,21l0,-12.933l2.548,-0l-0,-2.52l2.519,0l0,-2.547l2.856,-0l-0,2.547l2.519,0l0,2.52l2.576,-0l-0,12.933l-2.856,0l0,-5.067l-7.334,0l-0,5.067l-2.828,0Zm2.828,-7.894l7.334,-0l0,-4.759l-2.519,-0l-0,-2.52l-2.296,0l0,2.52l-2.519,-0l-0,4.759Z" style="fill-rule:nonzero;"/></svg>'
+    },
     writerMarks: {
         green: {
             button: {
@@ -16,7 +19,7 @@ panel.plugin("custom/marks", {
         },
         pixel: {
             button: {
-                icon: "grid-full",
+                icon: "pixel",
                 label: "Pixel"
             },
             commands() {