diff --git a/_data/pages/developers.yml b/_data/pages/developers.yml
index 2cf50c7f69..883c542ed5 100644
--- a/_data/pages/developers.yml
+++ b/_data/pages/developers.yml
@@ -55,7 +55,7 @@ blocks:
     heading: Courses
     blocks:
       - type: image_icon_link_card
-        color: purple
+        color: blue-default
         title: Learn Through Tutorials
         description: "Learn from the Starknet's community of developers and technologies. "
         icon: /assets/7.svg
@@ -64,7 +64,7 @@ blocks:
           custom_internal_link: /tutorials/
         withIllustration: true
       - type: image_icon_link_card
-        color: peach
+        color: blue-default
         title: Starknet Basecamp
         description: Register for an upcoming Basecamp cohort or watch the previous
           recordings, where you will learn everything about Starknet, Cairo, and
@@ -76,7 +76,7 @@ blocks:
           custom_external_link: https://starknet.notion.site/Starknet-Basecamp-1541b3c1f49f439da872d3d71647d834?pvs=4
         withIllustration: true
       - type: image_icon_link_card
-        color: cyan
+        color: blue-default
         title: "Starknet Edu "
         description: Educational developer resources for Starknet and Cairo.
         icon: /assets/starknet_edu.svg
diff --git a/public/assets/ambassador.svg b/public/assets/ambassador.svg
index f8a9c716b4..151b2782ac 100644
--- a/public/assets/ambassador.svg
+++ b/public/assets/ambassador.svg
@@ -1,76 +1,76 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105px" height="105px" viewBox="0 0 105 105" version="1.1">
 <defs>
 <linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear5" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear6" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear7" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear8" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear9" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear10" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear11" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear12" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear13" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear14" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear15" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear16" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear17" gradientUnits="userSpaceOnUse" x1="-57.6031" y1="18" x2="329.418" y2="218.056" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 </defs>
 <g id="surface1">
diff --git a/public/assets/basecamp.svg b/public/assets/basecamp.svg
index 19adfd3528..9608bd248d 100644
--- a/public/assets/basecamp.svg
+++ b/public/assets/basecamp.svg
@@ -18,72 +18,72 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.7746 95.1487C31.544 95.276 31.0845 95.5 30.5 95.5C29.9194 95.5 29.4613 95.2786 29.2339 95.1549C28.9637 95.008 28.7145 94.8267 28.4987 94.652C28.0638 94.3001 27.5869 93.8296 27.0911 93.2918C26.0901 92.2058 24.8543 90.6719 23.4807 88.8065C20.7267 85.0663 17.3274 79.8685 14.0173 73.9667C7.45427 62.265 1 47.3733 1 35.5C1 19.7599 13.7599 7 29.5 7C45.1431 7 59 19.6653 59 35.5C59 47.3522 52.8134 62.2315 46.4986 73.9379C43.3151 79.8392 40.0421 85.0377 37.3827 88.7793C36.0565 90.6451 34.8598 92.1812 33.8858 93.2698C33.4036 93.8088 32.9367 94.2825 32.5073 94.6379C32.2941 94.8144 32.0459 94.9989 31.7746 95.1487ZM30.5 93.5C33.1355 93.5 57 58.1355 57 35.5C57 20.8645 44.1355 9 29.5 9C14.8645 9 3 20.8645 3 35.5C3 58.1355 27.8645 93.5 30.5 93.5Z" fill="url(#paint16_linear_2305_854211)"/>
 <defs>
 <linearGradient id="paint0_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint1_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint2_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint3_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint4_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint5_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint6_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint7_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint8_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint9_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint10_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint11_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint12_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint13_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint14_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint15_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint16_linear_2305_854211" x1="103" y1="-32.717" x2="-46.6843" y2="3.81918" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 </defs>
 </svg>
diff --git a/public/assets/governance.svg b/public/assets/governance.svg
index abb250e450..05280af461 100644
--- a/public/assets/governance.svg
+++ b/public/assets/governance.svg
@@ -1,28 +1,28 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105px" height="105px" viewBox="0 0 105 105" version="1.1">
 <defs>
 <linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="linear5" gradientUnits="userSpaceOnUse" x1="-57.6122" y1="22.3614" x2="329.447" y2="222.471" gradientTransform="matrix(0.403846,0,0,0.403846,0,0)">
-<stop offset="0" style="stop-color:rgb(50.588235%,82.352941%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(35.686275%,37.254902%,40.784314%);stop-opacity:1;"/>
+<stop offset="0" stop-color="#E1B0A8"/>
+<stop offset="1" stop-color="#D3A2E7"/>
 </linearGradient>
 </defs>
 <g id="surface1">
diff --git a/public/assets/read_the_docs.svg b/public/assets/read_the_docs.svg
index 9bb7d4f5d6..696c3d087f 100644
--- a/public/assets/read_the_docs.svg
+++ b/public/assets/read_the_docs.svg
@@ -15,60 +15,60 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 53.5351C2.58835 53.1948 3.27143 53 4 53H77C79.2091 53 81 54.7909 81 57V101C81 101.729 80.8052 102.412 80.4649 103H81C82.1046 103 83 102.105 83 101V82H85V101C85 103.209 83.2091 105 81 105H4C1.79086 105 0 103.209 0 101V41C0 38.7909 1.79086 37 4 37H8.14062V33.4473C8.14062 31.2381 9.93149 29.4473 12.1406 29.4473H35.1406C37.3498 29.4473 39.1406 31.2381 39.1406 33.4473V37H42.1406V39H37.1406V33.4473C37.1406 32.3427 36.2452 31.4473 35.1406 31.4473H12.1406C11.0361 31.4473 10.1406 32.3427 10.1406 33.4473V39H4C2.89543 39 2 39.8954 2 41V53.5351ZM2 57V99.5H79V57C79 55.8954 78.1046 55 77 55H4C2.89543 55 2 55.8954 2 57ZM2.06301 101.5C2.28503 102.363 3.06808 103 4 103H77C77.9319 103 78.715 102.363 78.937 101.5H2.06301Z" fill="url(#paint13_linear_2305_854275)"/>
 <defs>
 <linearGradient id="paint0_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint1_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint2_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint3_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint4_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint5_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint6_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint7_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint8_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint9_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint10_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint11_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint12_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint13_linear_2305_854275" x1="105.141" y1="-31.0377" x2="-48.7891" y2="7.31545" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 </defs>
 </svg>
diff --git a/public/assets/starknet_edu.svg b/public/assets/starknet_edu.svg
index ef462aedc9..729b7f326d 100644
--- a/public/assets/starknet_edu.svg
+++ b/public/assets/starknet_edu.svg
@@ -35,140 +35,140 @@
 <path d="M0 14C0 12.5195 0.804397 11.2268 2 10.5352V91C2 92.1046 2.89543 93 4 93H100C101.105 93 102 92.1046 102 91V10.5352C103.196 11.2268 104 12.5195 104 14V91C104 93.2092 102.209 95 100 95H4C1.79086 95 0 93.2092 0 91V14Z" fill="url(#paint33_linear_2305_854321)"/>
 <defs>
 <linearGradient id="paint0_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint1_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint2_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint3_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint4_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint5_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint6_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint7_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint8_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint9_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint10_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint11_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint12_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint13_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint14_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint15_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint16_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint17_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint18_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint19_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint20_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint21_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint22_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint23_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint24_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint25_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint26_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint27_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint28_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint29_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint30_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint31_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint32_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 <linearGradient id="paint33_linear_2305_854321" x1="104" y1="-29.151" x2="-46.7203" y2="11.5517" gradientUnits="userSpaceOnUse">
-<stop stop-color="#81D2FF"/>
-<stop offset="0.963542" stop-color="#5B5F68"/>
+<stop stop-color="#E1B0A8"/>
+<stop offset="0.963542" stop-color="#D3A2E7"/>
 </linearGradient>
 </defs>
 </svg>