From 236e1e2b3c03d92782b4e77df4a1b5630511247d Mon Sep 17 00:00:00 2001
From: Shawn <shawn@ourpad.casa>
Date: Sat, 20 Jun 2026 12:05:29 -0400
Subject: [PATCH] feat: Add OP-Pedal branded logo variants (horizontal + square
 stack)

- Horizontal lockup: OP Labs icon + 'OP' (silver) + 'PEDAL' (blue)
- Square stack: icon above 'OP PEDAL' text
- Place in artifacts/ and vite/public/img/ for UI use
---
 artifacts/op-pedal-horizontal.svg        | 13 +++++++++++++
 artifacts/op-pedal-square.svg            | 13 +++++++++++++
 vite/public/img/op-pedal-logo-square.svg | 13 +++++++++++++
 vite/public/img/op-pedal-logo.svg        | 13 +++++++++++++
 vite/public/img/op-pedal-splash.svg      | 13 +++++++++++++
 5 files changed, 65 insertions(+)
 create mode 100644 artifacts/op-pedal-horizontal.svg
 create mode 100644 artifacts/op-pedal-square.svg
 create mode 100644 vite/public/img/op-pedal-logo-square.svg
 create mode 100644 vite/public/img/op-pedal-logo.svg
 create mode 100644 vite/public/img/op-pedal-splash.svg

diff --git a/artifacts/op-pedal-horizontal.svg b/artifacts/op-pedal-horizontal.svg
new file mode 100644
index 0000000..4e48227
--- /dev/null
+++ b/artifacts/op-pedal-horizontal.svg
@@ -0,0 +1,13 @@
+<svg width="1800" height="536" viewBox="0 0 1800 536" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- OP PEDAL Horizontal Logo -->
+  <!-- OP Labs blue circle icon -->
+  <path d="M266.908 483.889C381.732 483.889 474.816 387.384 474.816 268.338C474.816 149.293 381.732 52.7879 266.908 52.7879C152.084 52.7879 59 149.293 59 268.338C59 387.384 152.084 483.889 266.908 483.889Z" fill="#1C75BC"/>
+  <!-- Silver swoosh arrow -->
+  <path d="M515.644 2.12828L151.951 231.672C149.848 232.999 148.143 234.906 147.025 237.181C145.908 239.456 145.424 242.008 145.626 244.552C145.828 247.096 146.708 249.532 148.169 251.587C149.63 253.642 151.613 255.234 153.897 256.186L179.804 267.026C181.745 267.838 183.474 269.116 184.848 270.754C186.222 272.393 187.202 274.345 187.709 276.451C188.216 278.558 188.235 280.759 187.764 282.875C187.293 284.99 186.346 286.96 185.001 288.624L3.22682 513.262C-6.50516 525.303 7.68406 542.137 20.4913 533.74L382.112 296.344C384.242 294.945 385.943 292.946 387.018 290.581C388.092 288.215 388.494 285.581 388.178 282.987C387.861 280.393 386.839 277.947 385.23 275.933C383.622 273.92 381.494 272.423 379.095 271.618L360.264 265.32C358.195 264.628 356.322 263.42 354.809 261.801C353.297 260.182 352.191 258.202 351.589 256.036C350.987 253.87 350.908 251.584 351.358 249.379C351.809 247.173 352.775 245.116 354.171 243.389L532.705 22.7271C542.359 10.7977 528.442 -5.96589 515.644 2.12828Z" fill="#D1D3D4"/>
+
+  <!-- OP in silver -->
+  <text x="620" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="800" fill="#D1D3D4" letter-spacing="8">OP</text>
+
+  <!-- PEDAL in blue -->
+  <text x="870" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="300" fill="#1C75BC" letter-spacing="10">PEDAL</text>
+</svg>
diff --git a/artifacts/op-pedal-square.svg b/artifacts/op-pedal-square.svg
new file mode 100644
index 0000000..172293c
--- /dev/null
+++ b/artifacts/op-pedal-square.svg
@@ -0,0 +1,13 @@
+<svg width="700" height="900" viewBox="0 0 700 900" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- OP PEDAL Square Stacked Logo -->
+  <!-- OP Labs blue circle icon (smaller, top) -->
+  <path d="M350 460C440.5 460 514 386.5 514 296C514 205.5 440.5 132 350 132C259.5 132 186 205.5 186 296C186 386.5 259.5 460 350 460Z" fill="#1C75BC"/>
+  <!-- Silver swoosh -->
+  <path d="M555 53L266 233.5C264.3 234.6 262.9 236.1 262 237.9C261.1 239.7 260.7 241.7 260.9 243.7C261.1 245.7 261.8 247.6 262.9 249.2C264 250.8 265.5 252 267.3 252.7L287 261.5C288.4 262.1 289.6 263.1 290.6 264.3C291.6 265.5 292.3 266.9 292.7 268.4C293.1 269.9 293.1 271.5 292.7 273C292.3 274.5 291.6 275.9 290.5 277L148 458C141 467 151 478 159 472L413 289.5C414.7 288.4 416.1 286.9 417 285.1C417.9 283.3 418.3 281.3 418.1 279.3C417.9 277.3 417.2 275.5 416.1 273.9C415 272.3 413.5 271.1 411.8 270.5L397 265.5C395.4 264.9 394 264 392.9 262.8C391.8 261.6 391 260.1 390.5 258.5C390 256.9 390 255.2 390.4 253.6C390.8 252 391.5 250.5 392.5 249.3L527 63C534.5 55 524 46 516 53Z" fill="#D1D3D4"/>
+
+  <!-- OP in silver -->
+  <text x="350" y="600" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="140" font-weight="800" fill="#D1D3D4" text-anchor="middle" letter-spacing="10">OP</text>
+
+  <!-- PEDAL in blue -->
+  <text x="350" y="730" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="140" font-weight="300" fill="#1C75BC" text-anchor="middle" letter-spacing="12">PEDAL</text>
+</svg>
diff --git a/vite/public/img/op-pedal-logo-square.svg b/vite/public/img/op-pedal-logo-square.svg
new file mode 100644
index 0000000..172293c
--- /dev/null
+++ b/vite/public/img/op-pedal-logo-square.svg
@@ -0,0 +1,13 @@
+<svg width="700" height="900" viewBox="0 0 700 900" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- OP PEDAL Square Stacked Logo -->
+  <!-- OP Labs blue circle icon (smaller, top) -->
+  <path d="M350 460C440.5 460 514 386.5 514 296C514 205.5 440.5 132 350 132C259.5 132 186 205.5 186 296C186 386.5 259.5 460 350 460Z" fill="#1C75BC"/>
+  <!-- Silver swoosh -->
+  <path d="M555 53L266 233.5C264.3 234.6 262.9 236.1 262 237.9C261.1 239.7 260.7 241.7 260.9 243.7C261.1 245.7 261.8 247.6 262.9 249.2C264 250.8 265.5 252 267.3 252.7L287 261.5C288.4 262.1 289.6 263.1 290.6 264.3C291.6 265.5 292.3 266.9 292.7 268.4C293.1 269.9 293.1 271.5 292.7 273C292.3 274.5 291.6 275.9 290.5 277L148 458C141 467 151 478 159 472L413 289.5C414.7 288.4 416.1 286.9 417 285.1C417.9 283.3 418.3 281.3 418.1 279.3C417.9 277.3 417.2 275.5 416.1 273.9C415 272.3 413.5 271.1 411.8 270.5L397 265.5C395.4 264.9 394 264 392.9 262.8C391.8 261.6 391 260.1 390.5 258.5C390 256.9 390 255.2 390.4 253.6C390.8 252 391.5 250.5 392.5 249.3L527 63C534.5 55 524 46 516 53Z" fill="#D1D3D4"/>
+
+  <!-- OP in silver -->
+  <text x="350" y="600" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="140" font-weight="800" fill="#D1D3D4" text-anchor="middle" letter-spacing="10">OP</text>
+
+  <!-- PEDAL in blue -->
+  <text x="350" y="730" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="140" font-weight="300" fill="#1C75BC" text-anchor="middle" letter-spacing="12">PEDAL</text>
+</svg>
diff --git a/vite/public/img/op-pedal-logo.svg b/vite/public/img/op-pedal-logo.svg
new file mode 100644
index 0000000..4e48227
--- /dev/null
+++ b/vite/public/img/op-pedal-logo.svg
@@ -0,0 +1,13 @@
+<svg width="1800" height="536" viewBox="0 0 1800 536" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- OP PEDAL Horizontal Logo -->
+  <!-- OP Labs blue circle icon -->
+  <path d="M266.908 483.889C381.732 483.889 474.816 387.384 474.816 268.338C474.816 149.293 381.732 52.7879 266.908 52.7879C152.084 52.7879 59 149.293 59 268.338C59 387.384 152.084 483.889 266.908 483.889Z" fill="#1C75BC"/>
+  <!-- Silver swoosh arrow -->
+  <path d="M515.644 2.12828L151.951 231.672C149.848 232.999 148.143 234.906 147.025 237.181C145.908 239.456 145.424 242.008 145.626 244.552C145.828 247.096 146.708 249.532 148.169 251.587C149.63 253.642 151.613 255.234 153.897 256.186L179.804 267.026C181.745 267.838 183.474 269.116 184.848 270.754C186.222 272.393 187.202 274.345 187.709 276.451C188.216 278.558 188.235 280.759 187.764 282.875C187.293 284.99 186.346 286.96 185.001 288.624L3.22682 513.262C-6.50516 525.303 7.68406 542.137 20.4913 533.74L382.112 296.344C384.242 294.945 385.943 292.946 387.018 290.581C388.092 288.215 388.494 285.581 388.178 282.987C387.861 280.393 386.839 277.947 385.23 275.933C383.622 273.92 381.494 272.423 379.095 271.618L360.264 265.32C358.195 264.628 356.322 263.42 354.809 261.801C353.297 260.182 352.191 258.202 351.589 256.036C350.987 253.87 350.908 251.584 351.358 249.379C351.809 247.173 352.775 245.116 354.171 243.389L532.705 22.7271C542.359 10.7977 528.442 -5.96589 515.644 2.12828Z" fill="#D1D3D4"/>
+
+  <!-- OP in silver -->
+  <text x="620" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="800" fill="#D1D3D4" letter-spacing="8">OP</text>
+
+  <!-- PEDAL in blue -->
+  <text x="870" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="300" fill="#1C75BC" letter-spacing="10">PEDAL</text>
+</svg>
diff --git a/vite/public/img/op-pedal-splash.svg b/vite/public/img/op-pedal-splash.svg
new file mode 100644
index 0000000..4e48227
--- /dev/null
+++ b/vite/public/img/op-pedal-splash.svg
@@ -0,0 +1,13 @@
+<svg width="1800" height="536" viewBox="0 0 1800 536" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- OP PEDAL Horizontal Logo -->
+  <!-- OP Labs blue circle icon -->
+  <path d="M266.908 483.889C381.732 483.889 474.816 387.384 474.816 268.338C474.816 149.293 381.732 52.7879 266.908 52.7879C152.084 52.7879 59 149.293 59 268.338C59 387.384 152.084 483.889 266.908 483.889Z" fill="#1C75BC"/>
+  <!-- Silver swoosh arrow -->
+  <path d="M515.644 2.12828L151.951 231.672C149.848 232.999 148.143 234.906 147.025 237.181C145.908 239.456 145.424 242.008 145.626 244.552C145.828 247.096 146.708 249.532 148.169 251.587C149.63 253.642 151.613 255.234 153.897 256.186L179.804 267.026C181.745 267.838 183.474 269.116 184.848 270.754C186.222 272.393 187.202 274.345 187.709 276.451C188.216 278.558 188.235 280.759 187.764 282.875C187.293 284.99 186.346 286.96 185.001 288.624L3.22682 513.262C-6.50516 525.303 7.68406 542.137 20.4913 533.74L382.112 296.344C384.242 294.945 385.943 292.946 387.018 290.581C388.092 288.215 388.494 285.581 388.178 282.987C387.861 280.393 386.839 277.947 385.23 275.933C383.622 273.92 381.494 272.423 379.095 271.618L360.264 265.32C358.195 264.628 356.322 263.42 354.809 261.801C353.297 260.182 352.191 258.202 351.589 256.036C350.987 253.87 350.908 251.584 351.358 249.379C351.809 247.173 352.775 245.116 354.171 243.389L532.705 22.7271C542.359 10.7977 528.442 -5.96589 515.644 2.12828Z" fill="#D1D3D4"/>
+
+  <!-- OP in silver -->
+  <text x="620" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="800" fill="#D1D3D4" letter-spacing="8">OP</text>
+
+  <!-- PEDAL in blue -->
+  <text x="870" y="320" font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="190" font-weight="300" fill="#1C75BC" letter-spacing="10">PEDAL</text>
+</svg>