diff --git a/src/assets/img/sparc-logo/sparc-alt-logo-black.svg b/src/assets/img/sparc-logo/sparc-alt-logo-black.svg
new file mode 100644
index 00000000..86f6f37e
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-alt-logo-black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 110"><title>sparc-alt-logo-black</title><g id="alt-logo-black"><path d="M97.4594,41.4568V34.6459c0-2.8148-1.633-4.56-4.447-4.56H88.96V46.0163h4.0527C95.8264,46.0163,97.4594,44.3275,97.4594,41.4568Z"/><path d="M161.38,40.5v-5.854c0-2.8148-1.632-4.56-4.4469-4.56H152.6V45.0027h4.3335C159.7484,45.0027,161.38,43.3139,161.38,40.5Z"/><path d="M195,0H55a55,55,0,0,0,0,110H195A55,55,0,0,0,195,0ZM179.6209,34.42c0-6.2482,3.8835-10.1884,10.1884-10.1884,6.2483,0,10.1317,3.94,10.1317,10.1884v3.7151h-5.7973V34.42c0-2.8707-1.5762-4.6153-4.3344-4.6153-2.8149,0-4.3911,1.7446-4.3911,4.6153V55.417c0,2.8707,1.5762,4.6153,4.3911,4.6153,2.7582,0,4.3344-1.7446,4.3344-4.6153V51.701h5.7973v3.716c0,6.2482-3.8834,10.1883-10.1317,10.1883-6.3049,0-10.1884-3.94-10.1884-10.1883Zm-32.8191-9.7941H156.99c6.2483,0,10.1884,3.94,10.1884,10.1884v5.5164A9.8463,9.8463,0,0,1,162.7316,49c1.633,4.9537,3.94,11.7088,5.4039,16.2116h-5.9106l-4.8971-14.7479H152.6V65.2111h-5.7982Zm-63.64,0h9.9066c6.2483,0,10.1885,3.94,10.1885,10.1884v6.4733c0,6.3049-3.94,10.1884-10.1885,10.1884H88.96V65.2111H83.1616ZM50.0608,51.701h5.7981v3.716c0,2.8707,1.5762,4.6153,4.39,4.6153,2.7582,0,4.3345-1.7446,4.3345-4.6153A6.5488,6.5488,0,0,0,62.22,50.6316l-7.8812-7.3735c-3.1516-2.9274-4.2777-5.4039-4.2777-9.0065,0-6.08,3.7718-10.02,9.9633-10.02,6.1357,0,9.9075,3.94,9.9075,10.1884v3.7151H64.1335V34.42c0-2.8707-1.52-4.6153-4.1094-4.6153-2.6457,0-4.1652,1.7446-4.1652,4.6153a5.8149,5.8149,0,0,0,2.1388,4.447l7.712,7.2618c2.4765,2.3639,4.672,4.9538,4.672,9.2882,0,6.2482-3.8843,10.1883-10.1326,10.1883-6.304,0-10.1883-3.94-10.1883-10.1883ZM198.7127,76.2387,146.8746,77.515,138.75,96.2021a2.639,2.639,0,0,1-5-.4965l-.01-.0485-10.725-51.2695-6.97,31.0622-.0229.1015a2.5714,2.5714,0,0,1-2.5512,2.0067l-62.1739-1.06a1.32,1.32,0,0,1-.011-2.6388l59.9715-1.5228,8.4316-45.2609a3.5067,3.5067,0,0,1,6.8954.0045l.0039.0267,10.7791,59.0381,5.338-12.2774.0254-.0585a2.5459,2.5459,0,0,1,2.3948-1.5282L198.7127,73.6a1.32,1.32,0,0,1,0,2.6388Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/sparc-logo/sparc-alt-logo-primary.svg b/src/assets/img/sparc-logo/sparc-alt-logo-primary.svg
new file mode 100644
index 00000000..7683257a
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-alt-logo-primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 250 110"><defs><linearGradient id="linear-gradient" y1="55" x2="250" y2="55" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b00bf"/><stop offset="1" stop-color="#bc00fc"/></linearGradient></defs><title>sparc-alt-logo-primary</title><g id="alt-logo-primary"><path d="M55,110A55,55,0,0,1,55,0H195a55,55,0,0,1,0,110Z" style="fill:url(#linear-gradient)"/><path d="M198.7127,73.6l-53.5869-1.3194a2.5457,2.5457,0,0,0-2.3947,1.5282l-.0253.0585-5.3381,12.2774L126.5886,27.1065l-.0039-.0267a3.5068,3.5068,0,0,0-6.8955-.0045l-8.4315,45.2609L51.2862,73.859a1.32,1.32,0,0,0,.011,2.6388l62.1739,1.06a2.5714,2.5714,0,0,0,2.5513-2.0067l.0228-.1015,6.97-31.0621L133.74,95.6571l.01.0485a2.639,2.639,0,0,0,5,.4965l8.1248-18.6871,51.8381-1.2763a1.32,1.32,0,0,0,0-2.6388Z" style="fill:#fff"/><path d="M60.0241,24.2317c6.1357,0,9.9075,3.94,9.9075,10.1883v3.7151H64.1335V34.42c0-2.8707-1.52-4.6153-4.1094-4.6153-2.6457,0-4.1652,1.7446-4.1652,4.6153a5.8148,5.8148,0,0,0,2.1389,4.447L65.71,46.1288c2.4764,2.3639,4.672,4.9538,4.672,9.2882,0,6.2482-3.8843,10.1883-10.1325,10.1883-6.3041,0-10.1884-3.94-10.1884-10.1883V51.701h5.7981v3.716c0,2.8707,1.5762,4.6153,4.39,4.6153,2.7581,0,4.3344-1.7446,4.3344-4.6153A6.5489,6.5489,0,0,0,62.22,50.6316l-7.8812-7.3735c-3.1516-2.9274-4.2777-5.4039-4.2777-9.0064C50.0608,28.1718,53.8326,24.2317,60.0241,24.2317Z" style="fill:#fff"/><path d="M88.96,51.476V65.2111H83.1616V24.6259h9.9067c6.2482,0,10.1883,3.94,10.1883,10.1884v6.4733c0,6.3049-3.94,10.1884-10.1883,10.1884Zm4.0527-5.46c2.814,0,4.447-1.6888,4.447-4.5595V34.6459c0-2.8148-1.633-4.56-4.447-4.56H88.96V46.0163Z" style="fill:#fff"/><path d="M152.6,65.2111h-5.7982V24.6259H156.99c6.2482,0,10.1884,3.94,10.1884,10.1884v5.5164A9.8463,9.8463,0,0,1,162.7316,49c1.633,4.9538,3.94,11.7088,5.4039,16.2116h-5.9107l-4.897-14.7479H152.6Zm4.3335-20.2084c2.8149,0,4.447-1.6888,4.447-4.5028v-5.854c0-2.8148-1.6321-4.56-4.447-4.56H152.6V45.0027Z" style="fill:#fff"/><path d="M199.941,51.701v3.716c0,6.2482-3.8835,10.1883-10.1317,10.1883-6.3049,0-10.1884-3.94-10.1884-10.1883V34.42c0-6.2482,3.8835-10.1883,10.1884-10.1883,6.2482,0,10.1317,3.94,10.1317,10.1883v3.7151h-5.7973V34.42c0-2.8707-1.5762-4.6153-4.3344-4.6153-2.8149,0-4.3911,1.7446-4.3911,4.6153V55.417c0,2.8707,1.5762,4.6153,4.3911,4.6153,2.7582,0,4.3344-1.7446,4.3344-4.6153V51.701Z" style="fill:#fff"/><path d="M60.0241,24.2317c6.1357,0,9.9075,3.94,9.9075,10.1883v3.7151H64.1335V34.42c0-2.8707-1.52-4.6153-4.1094-4.6153-2.6457,0-4.1652,1.7446-4.1652,4.6153a5.8148,5.8148,0,0,0,2.1389,4.447L65.71,46.1288c2.4764,2.3639,4.672,4.9538,4.672,9.2882,0,6.2482-3.8843,10.1883-10.1325,10.1883-6.3041,0-10.1884-3.94-10.1884-10.1883V51.701h5.7981v3.716c0,2.8707,1.5762,4.6153,4.39,4.6153,2.7581,0,4.3344-1.7446,4.3344-4.6153A6.5489,6.5489,0,0,0,62.22,50.6316l-7.8812-7.3735c-3.1516-2.9274-4.2777-5.4039-4.2777-9.0064C50.0608,28.1718,53.8326,24.2317,60.0241,24.2317Z" style="fill:#fff"/><path d="M88.96,51.476V65.2111H83.1616V24.6259h9.9067c6.2482,0,10.1883,3.94,10.1883,10.1884v6.4733c0,6.3049-3.94,10.1884-10.1883,10.1884Zm4.0527-5.46c2.814,0,4.447-1.6888,4.447-4.5595V34.6459c0-2.8148-1.633-4.56-4.447-4.56H88.96V46.0163Z" style="fill:#fff"/><path d="M152.6,65.2111h-5.7982V24.6259H156.99c6.2482,0,10.1884,3.94,10.1884,10.1884v5.5164A9.8463,9.8463,0,0,1,162.7316,49c1.633,4.9538,3.94,11.7088,5.4039,16.2116h-5.9107l-4.897-14.7479H152.6Zm4.3335-20.2084c2.8149,0,4.447-1.6888,4.447-4.5028v-5.854c0-2.8148-1.6321-4.56-4.447-4.56H152.6V45.0027Z" style="fill:#fff"/><path d="M199.941,51.701v3.716c0,6.2482-3.8835,10.1883-10.1317,10.1883-6.3049,0-10.1884-3.94-10.1884-10.1883V34.42c0-6.2482,3.8835-10.1883,10.1884-10.1883,6.2482,0,10.1317,3.94,10.1317,10.1883v3.7151h-5.7973V34.42c0-2.8707-1.5762-4.6153-4.3344-4.6153-2.8149,0-4.3911,1.7446-4.3911,4.6153V55.417c0,2.8707,1.5762,4.6153,4.3911,4.6153,2.7582,0,4.3344-1.7446,4.3344-4.6153V51.701Z" style="fill:#fff"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/sparc-logo/sparc-alt-logo-white.svg b/src/assets/img/sparc-logo/sparc-alt-logo-white.svg
new file mode 100644
index 00000000..44fed28a
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-alt-logo-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 110"><title>sparc-alt-logo-white</title><g id="alt-logo-white"><path d="M97.4594,41.4568V34.6459c0-2.8148-1.633-4.56-4.447-4.56H88.96V46.0163h4.0527C95.8264,46.0163,97.4594,44.3275,97.4594,41.4568Z" style="fill:#fff"/><path d="M161.38,40.5v-5.854c0-2.8148-1.632-4.56-4.4469-4.56H152.6V45.0027h4.3335C159.7484,45.0027,161.38,43.3139,161.38,40.5Z" style="fill:#fff"/><path d="M195,0H55a55,55,0,0,0,0,110H195A55,55,0,0,0,195,0ZM179.6209,34.42c0-6.2482,3.8835-10.1884,10.1884-10.1884,6.2483,0,10.1317,3.94,10.1317,10.1884v3.7151h-5.7973V34.42c0-2.8707-1.5762-4.6153-4.3344-4.6153-2.8149,0-4.3911,1.7446-4.3911,4.6153V55.417c0,2.8707,1.5762,4.6153,4.3911,4.6153,2.7582,0,4.3344-1.7446,4.3344-4.6153V51.701h5.7973v3.716c0,6.2482-3.8834,10.1883-10.1317,10.1883-6.3049,0-10.1884-3.94-10.1884-10.1883Zm-32.8191-9.7941H156.99c6.2483,0,10.1884,3.94,10.1884,10.1884v5.5164A9.8463,9.8463,0,0,1,162.7316,49c1.633,4.9537,3.94,11.7088,5.4039,16.2116h-5.9106l-4.8971-14.7479H152.6V65.2111h-5.7982Zm-63.64,0h9.9066c6.2483,0,10.1885,3.94,10.1885,10.1884v6.4733c0,6.3049-3.94,10.1884-10.1885,10.1884H88.96V65.2111H83.1616ZM50.0608,51.701h5.7981v3.716c0,2.8707,1.5762,4.6153,4.39,4.6153,2.7582,0,4.3345-1.7446,4.3345-4.6153A6.5488,6.5488,0,0,0,62.22,50.6316l-7.8812-7.3735c-3.1516-2.9274-4.2777-5.4039-4.2777-9.0065,0-6.08,3.7718-10.02,9.9633-10.02,6.1357,0,9.9075,3.94,9.9075,10.1884v3.7151H64.1335V34.42c0-2.8707-1.52-4.6153-4.1094-4.6153-2.6457,0-4.1652,1.7446-4.1652,4.6153a5.8149,5.8149,0,0,0,2.1388,4.447l7.712,7.2618c2.4765,2.3639,4.672,4.9538,4.672,9.2882,0,6.2482-3.8843,10.1883-10.1326,10.1883-6.304,0-10.1883-3.94-10.1883-10.1883ZM198.7127,76.2387,146.8746,77.515,138.75,96.2021a2.639,2.639,0,0,1-5-.4965l-.01-.0485-10.725-51.2695-6.97,31.0622-.0229.1015a2.5714,2.5714,0,0,1-2.5512,2.0067l-62.1739-1.06a1.32,1.32,0,0,1-.011-2.6388l59.9715-1.5228,8.4316-45.2609a3.5067,3.5067,0,0,1,6.8954.0045l.0039.0267,10.7791,59.0381,5.338-12.2774.0254-.0585a2.5459,2.5459,0,0,1,2.3948-1.5282L198.7127,73.6a1.32,1.32,0,0,1,0,2.6388Z" style="fill:#fff"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/sparc-logo/sparc-logo-black.svg b/src/assets/img/sparc-logo/sparc-logo-black.svg
new file mode 100644
index 00000000..63cc34cd
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-logo-black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.5327 84.5895"><title>sparc-logo-black</title><g id="black-logo"><path d="M169.0691,57.0889l-60.922-1.5a2.8941,2.8941,0,0,0-2.7225,1.7374l-.0289.0665L99.327,71.3508,87.0724,4.2313l-.0045-.03a3.9867,3.9867,0,0,0-7.8393-.0051L69.6429,55.6522,1.4623,57.3835a1.5,1.5,0,0,0,.0125,3l70.6845,1.2053a2.9235,2.9235,0,0,0,2.9-2.2814l.0259-.1154L83.01,23.8779,95.2029,82.1654l.0113.0551a3,3,0,0,0,5.684.5645l9.237-21.2451,58.9339-1.451a1.5,1.5,0,0,0,0-3Z"/><path d="M11.3962.9629c6.9756,0,11.2637,4.48,11.2637,11.583V16.77H16.0681V12.5459c0-3.2637-1.7285-5.2471-4.6719-5.2471-3.0078,0-4.7353,1.9834-4.7353,5.2471a6.6109,6.6109,0,0,0,2.4316,5.0557L17.86,25.8574c2.8154,2.6875,5.3115,5.6319,5.3115,10.56,0,7.1035-4.416,11.583-11.5195,11.583-7.167,0-11.583-4.48-11.583-11.583V32.1924H6.6609V36.417c0,3.2637,1.792,5.2471,4.9912,5.2471,3.1357,0,4.9277-1.9834,4.9277-5.2471a7.4448,7.4448,0,0,0-2.6875-5.44l-8.96-8.3828C1.3494,19.2656.0691,16.45.0691,12.3545.0691,5.4424,4.3572.9629,11.3962.9629Z"/><path d="M44.2927,31.9365V47.5518H37.7009V1.4111H48.9636c7.1035,0,11.583,4.48,11.583,11.583v7.3594c0,7.168-4.4795,11.583-11.583,11.583ZM48.9,25.73c3.1993,0,5.0557-1.92,5.0557-5.1836V12.8027c0-3.2-1.8564-5.1845-5.0557-5.1845H44.2927V25.73Z"/><path d="M116.6443,47.5518h-6.5918V1.4111h11.583c7.1035,0,11.583,4.48,11.583,11.583v6.2715a11.1941,11.1941,0,0,1-5.0557,9.8555c1.8565,5.6318,4.48,13.3115,6.1436,18.4307h-6.72l-5.5674-16.7666h-5.375Zm4.9267-22.9747c3.2,0,5.0557-1.92,5.0557-5.1191V12.8027c0-3.2-1.8555-5.1845-5.0557-5.1845h-4.9267V24.5771Z"/><path d="M170.4656,32.1924V36.417c0,7.1035-4.4151,11.583-11.5186,11.583-7.1679,0-11.583-4.48-11.583-11.583V12.5459c0-7.1035,4.4151-11.583,11.583-11.583,7.1035,0,11.5186,4.48,11.5186,11.583V16.77h-6.5908V12.5459c0-3.2637-1.792-5.2471-4.9278-5.2471-3.2,0-4.9922,1.9834-4.9922,5.2471V36.417c0,3.2637,1.792,5.2471,4.9922,5.2471,3.1358,0,4.9278-1.9834,4.9278-5.2471V32.1924Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/sparc-logo/sparc-logo-primary.svg b/src/assets/img/sparc-logo/sparc-logo-primary.svg
new file mode 100644
index 00000000..5102d4cd
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-logo-primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 170.5327 84.5895"><defs><linearGradient id="linear-gradient" y1="42.7643" x2="170.5327" y2="42.7643" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0b00bf"/><stop offset="1" stop-color="#bc00fc"/></linearGradient></defs><title>sparc-logo-primary</title><g id="primary-logo"><path d="M169.0691,57.0889l-60.922-1.5a2.8941,2.8941,0,0,0-2.7225,1.7374l-.0289.0665L99.327,71.3508,87.0724,4.2313l-.0045-.03a3.9867,3.9867,0,0,0-7.8393-.0051L69.6429,55.6522,1.4623,57.3835a1.5,1.5,0,0,0,.0125,3l70.6845,1.2053a2.9235,2.9235,0,0,0,2.9-2.2814l.0259-.1154L83.01,23.8779,95.2029,82.1654l.0113.0551a3,3,0,0,0,5.684.5645l9.237-21.2451,58.9339-1.451a1.5,1.5,0,0,0,0-3Z" style="fill:url(#linear-gradient)"/><path d="M11.3962.9629c6.9756,0,11.2637,4.48,11.2637,11.583V16.77H16.0681V12.5459c0-3.2637-1.7285-5.2471-4.6719-5.2471-3.0078,0-4.7353,1.9834-4.7353,5.2471a6.6109,6.6109,0,0,0,2.4316,5.0557L17.86,25.8574c2.8154,2.6875,5.3115,5.6319,5.3115,10.56,0,7.1035-4.416,11.583-11.5195,11.583-7.167,0-11.583-4.48-11.583-11.583V32.1924H6.6609V36.417c0,3.2637,1.792,5.2471,4.9912,5.2471,3.1357,0,4.9277-1.9834,4.9277-5.2471a7.4448,7.4448,0,0,0-2.6875-5.44l-8.96-8.3828C1.3494,19.2656.0691,16.45.0691,12.3545.0691,5.4424,4.3572.9629,11.3962.9629Z"/><path d="M44.2927,31.9365V47.5518H37.7009V1.4111H48.9636c7.1035,0,11.583,4.48,11.583,11.583v7.3594c0,7.168-4.4795,11.583-11.583,11.583ZM48.9,25.73c3.1993,0,5.0557-1.92,5.0557-5.1836V12.8027c0-3.2-1.8564-5.1845-5.0557-5.1845H44.2927V25.73Z"/><path d="M116.6443,47.5518h-6.5918V1.4111h11.583c7.1035,0,11.583,4.48,11.583,11.583v6.2715a11.1941,11.1941,0,0,1-5.0557,9.8555c1.8565,5.6318,4.48,13.3115,6.1436,18.4307h-6.72l-5.5674-16.7666h-5.375Zm4.9267-22.9747c3.2,0,5.0557-1.92,5.0557-5.1191V12.8027c0-3.2-1.8555-5.1845-5.0557-5.1845h-4.9267V24.5771Z"/><path d="M170.4656,32.1924V36.417c0,7.1035-4.4151,11.583-11.5186,11.583-7.1679,0-11.583-4.48-11.583-11.583V12.5459c0-7.1035,4.4151-11.583,11.583-11.583,7.1035,0,11.5186,4.48,11.5186,11.583V16.77h-6.5908V12.5459c0-3.2637-1.792-5.2471-4.9278-5.2471-3.2,0-4.9922,1.9834-4.9922,5.2471V36.417c0,3.2637,1.792,5.2471,4.9922,5.2471,3.1358,0,4.9278-1.9834,4.9278-5.2471V32.1924Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/img/sparc-logo/sparc-logo-white.svg b/src/assets/img/sparc-logo/sparc-logo-white.svg
new file mode 100644
index 00000000..dd382581
--- /dev/null
+++ b/src/assets/img/sparc-logo/sparc-logo-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.5327 84.5895"><title>sparc-logo-white</title><g id="white-logo"><path d="M169.0691,57.0889l-60.922-1.5a2.8941,2.8941,0,0,0-2.7225,1.7374l-.0289.0665L99.327,71.3508,87.0724,4.2313l-.0045-.03a3.9867,3.9867,0,0,0-7.8393-.0051L69.6429,55.6522,1.4623,57.3835a1.5,1.5,0,0,0,.0125,3l70.6845,1.2053a2.9235,2.9235,0,0,0,2.9-2.2814l.0259-.1154L83.01,23.8779,95.2029,82.1654l.0113.0551a3,3,0,0,0,5.684.5645l9.237-21.2451,58.9339-1.451a1.5,1.5,0,0,0,0-3Z" style="fill:#fff"/><path d="M11.3962.9629c6.9756,0,11.2637,4.48,11.2637,11.583V16.77H16.0681V12.5459c0-3.2637-1.7285-5.2471-4.6719-5.2471-3.0078,0-4.7353,1.9834-4.7353,5.2471a6.6109,6.6109,0,0,0,2.4316,5.0557L17.86,25.8574c2.8154,2.6875,5.3115,5.6319,5.3115,10.56,0,7.1035-4.416,11.583-11.5195,11.583-7.167,0-11.583-4.48-11.583-11.583V32.1924H6.6609V36.417c0,3.2637,1.792,5.2471,4.9912,5.2471,3.1357,0,4.9277-1.9834,4.9277-5.2471a7.4448,7.4448,0,0,0-2.6875-5.44l-8.96-8.3828C1.3494,19.2656.0691,16.45.0691,12.3545.0691,5.4424,4.3572.9629,11.3962.9629Z" style="fill:#fff"/><path d="M44.2927,31.9365V47.5518H37.7009V1.4111H48.9636c7.1035,0,11.583,4.48,11.583,11.583v7.3594c0,7.168-4.4795,11.583-11.583,11.583ZM48.9,25.73c3.1993,0,5.0557-1.92,5.0557-5.1836V12.8027c0-3.2-1.8564-5.1845-5.0557-5.1845H44.2927V25.73Z" style="fill:#fff"/><path d="M116.6443,47.5518h-6.5918V1.4111h11.583c7.1035,0,11.583,4.48,11.583,11.583v6.2715a11.1941,11.1941,0,0,1-5.0557,9.8555c1.8565,5.6318,4.48,13.3115,6.1436,18.4307h-6.72l-5.5674-16.7666h-5.375Zm4.9267-22.9747c3.2,0,5.0557-1.92,5.0557-5.1191V12.8027c0-3.2-1.8555-5.1845-5.0557-5.1845h-4.9267V24.5771Z" style="fill:#fff"/><path d="M170.4656,32.1924V36.417c0,7.1035-4.4151,11.583-11.5186,11.583-7.1679,0-11.583-4.48-11.583-11.583V12.5459c0-7.1035,4.4151-11.583,11.583-11.583,7.1035,0,11.5186,4.48,11.5186,11.583V16.77h-6.5908V12.5459c0-3.2637-1.792-5.2471-4.9278-5.2471-3.2,0-4.9922,1.9834-4.9922,5.2471V36.417c0,3.2637,1.792,5.2471,4.9922,5.2471,3.1358,0,4.9278-1.9834,4.9278-5.2471V32.1924Z" style="fill:#fff"/></g></svg>
\ No newline at end of file
diff --git a/src/components/SparcLogo/SparcLogo.vue b/src/components/SparcLogo/SparcLogo.vue
new file mode 100644
index 00000000..592937a6
--- /dev/null
+++ b/src/components/SparcLogo/SparcLogo.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <img :src="logoSrc" alt="Logo for SPARC">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SparcLogo',
+
+  props: {
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    secondary: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  computed: {
+    logoSrc: function() {
+      return require (`@/assets/img/sparc-logo/sparc-${this.secondary ? 'alt-' : ''}logo-${this.type}.svg`)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  display: block;
+  height: auto;
+  width: 100%;
+}
+</style>
diff --git a/src/stories/logo/demo-styles.scss b/src/stories/logo/demo-styles.scss
new file mode 100644
index 00000000..b74dede0
--- /dev/null
+++ b/src/stories/logo/demo-styles.scss
@@ -0,0 +1,63 @@
+@import '../../assets/_variables.scss';
+.logo-demo-styles {
+  margin-top: 4rem;
+  .logo-primary {
+    padding: 0 6rem;
+  }
+  .logo-white,
+  .logo-black {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;;
+    height: 18.75rem;
+    padding: 6.875rem 4.0625rem;
+    &.logo-white {
+      background: #000;
+    }
+    &.logo-black {
+      background: $background;
+    }
+  }
+  .logo-usage-wrap  {
+    @media (min-width: 48em) {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+    }
+  }
+
+  .demo-logo-usage {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    height: 17rem;
+    justify-content: center;
+    margin: 1rem 0;
+    padding: 2.5rem;
+    position: relative;
+    width: 17rem;
+    @media (min-width: 48em) {
+      margin: 1rem;
+    }
+    &.cross:before {
+      background: linear-gradient(45deg, transparent 49.8%, #979797 49.9%, #979797 50.1%, transparent 50.2%), linear-gradient(-45deg, transparent 49.8%, #979797 49.9%, #979797 50.1%, transparent 50.2%);
+      content: '';
+      height: 100%;
+      left: 0;
+      position: absolute;
+      top: 0;
+      transform: scale(1.05);
+      width: 100%;
+    }
+    &.logo-1 {
+      background: $purple;
+    }
+    &.logo-2 {
+      background: $darkBlue;
+    }
+    &.logo-3 {
+      background: $background;
+    }
+  }
+}
diff --git a/src/stories/logo/logo.stories.js b/src/stories/logo/logo.stories.js
new file mode 100644
index 00000000..f9042069
--- /dev/null
+++ b/src/stories/logo/logo.stories.js
@@ -0,0 +1,101 @@
+import SparcLogo from '@/components/SparcLogo/SparcLogo.vue'
+
+import './demo-styles.scss';
+
+export default {
+  title: 'Components/Logo',
+  includeStories: []
+}
+
+export const Logo = () => ({
+  components: { SparcLogo },
+  template: `
+    <div class="logo-demo-styles">
+      <div class="bx--grid">
+        <div class="bx--row mb-32">
+          <div class="bx--col">
+            <div class="logo-primary">
+              <sparc-logo type="primary" />
+            </div>
+          </div>
+        </div>
+
+        <div class="bx--row mb-32">
+          <div class="bx--col">
+            <div class="logo-white">
+              <sparc-logo type="white" />
+            </div>
+          </div>
+          <div class="bx--col">
+            <div class="logo-black">
+              <sparc-logo type="black" />
+            </div>
+          </div>
+        </div>
+
+        <div class="bx--row">
+          <div class="bx--col">
+            <div class="logo-usage-wrap">
+              <div class="logo-1 demo-logo-usage cross">
+                <sparc-logo class="logo" type="primary" />
+              </div>
+              <div class="logo-2 demo-logo-usage cross">
+                <sparc-logo class="logo" type="primary" />
+              </div>
+              <div class="logo-3 demo-logo-usage">
+                <sparc-logo class="logo" type="primary" />
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  `
+})
+export const Secondary = () => ({
+  components: { SparcLogo },
+  template: `
+    <div class="logo-demo-styles">
+      <div class="bx--grid">
+        <div class="bx--row mb-32">
+          <div class="bx--col">
+            <div class="logo-primary">
+              <sparc-logo type="primary" :secondary="true" />
+            </div>
+          </div>
+        </div>
+
+        <div class="bx--row mb-32">
+          <div class="bx--col">
+            <div class="logo-white">
+              <sparc-logo type="white" :secondary="true" />
+            </div>
+          </div>
+          <div class="bx--col">
+            <div class="logo-black">
+              <sparc-logo type="black" :secondary="true" />
+            </div>
+          </div>
+        </div>
+
+        <div class="bx--row">
+          <div class="bx--col">
+            <div class="logo-usage-wrap">
+              <div class="logo-1 demo-logo-usage cross">
+                <sparc-logo class="logo" type="primary" :secondary="true" />
+              </div>
+              <div class="logo-2 demo-logo-usage cross">
+                <sparc-logo class="logo" type="primary" :secondary="true" />
+              </div>
+              <div class="logo-3 demo-logo-usage">
+                <sparc-logo class="logo" type="primary" :secondary="true" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+})
diff --git a/src/stories/logo/logo.stories.mdx b/src/stories/logo/logo.stories.mdx
new file mode 100644
index 00000000..3ca3301e
--- /dev/null
+++ b/src/stories/logo/logo.stories.mdx
@@ -0,0 +1,24 @@
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+import * as stories from './logo.stories.js';
+
+<Meta title="Components/Logo" />
+
+# Logo
+
+## Primary Logo
+
+The SPARC logo is the signature we use across all our communications. The logo should be instantly recognizable so consistency is important—please don’t edit, change, distort, recolor, or reconfigure it.
+
+Please use our primary logo most of the time, especially when using it to refer to the SPARC program as a whole. Our wave glyph color may change in special circumstances, but keep the letters in white or black.
+
+The wave may be used by itself in certain situations, such as augmenting designs of marketing/brand work (see Powerpoint template for examples), but for the most part should never be used on its own.
+
+<Story name='Primary' height='60px'>{stories.Logo()}</Story>
+
+## Secondary Logo
+
+Our alternate logo can be used to further separate the SPARC brand from surrounding imagery and other logos, but should be avoided in places where we need to apply the logo in small contexts to balance the overall design of the page.
+
+The minimum size acceptable for visibility is 100 px (1.04 inch) for the width, and 44 px (0.458 inch) for the height.
+
+<Story name='Secondary' height='60px'>{stories.Secondary()}</Story>