shawn/op-pedal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Working OP-Pedal logo SVGs with Arial/sans-serif text + PNG previews
CMake / build (push) Has been cancelled
Details
CodeQL / Analyze (cpp) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Shawn
2026-06-20 13:10:03 -04:00
parent 4047a74dd5
commit 4854b2fa22
3 changed files with 32 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/op-pedal-horizontal-final.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

artifacts/op-pedal-horizontal.svg
+22 -25
View File
@@ -1,33 +1,30 @@
<svg width="1626" height="750" viewBox="0 0 1626 750" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- ===== OP LABS (original brand lockup, shifted up) ===== -->
<!-- ===== OP LABS + OP PEDAL horizontal lockup ===== -->
<!-- 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 -->
<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 LABS (original brand path data) -->
<g transform="translate(0, -30)">
<!-- OP (silver) -->
<!-- OP in silver -->
<path d="M594.746 359.92C584.669 359.92 578.111 357.745 575.073 353.396C572.034 349.047 572.336 342.17 575.98 332.766L625.756 202.482C629.407 193.081 634.402 186.205 640.743 181.852C647.084 177.499 655.296 175.325 665.381 175.328H753.975C764.048 175.328 770.52 177.505 773.392 181.857C776.264 186.21 775.878 193.085 772.234 202.482L722.442 332.766C718.791 342.166 713.882 349.043 707.716 353.396C701.55 357.749 693.428 359.923 683.351 359.92H594.746ZM644.277 304.045C642.188 309.442 641.71 313.098 642.841 315.012C643.973 316.927 646.709 317.884 651.05 317.884H658.869C663.21 317.884 666.642 316.927 669.165 315.012C671.688 313.098 673.99 309.442 676.072 304.045L703.954 231.203C706.043 225.813 706.564 222.157 705.518 220.235C704.471 218.314 701.78 217.357 697.442 217.364H689.606C685.258 217.364 681.783 218.321 679.183 220.235C676.582 222.15 674.235 225.806 672.143 231.203L644.277 304.045Z" fill="#D1D3D4"/>
<!-- LABS (blue) -->
<!-- LABS in blue -->
<path d="M1007.47 317.884H1069.49L1042.65 359.92H933.978L1004.6 175.328H1061.92L1007.47 317.884ZM1254.78 175.328L1234.45 359.92H1178.16L1193.53 234.855L1142.72 317.884H1173.99L1146.89 359.92H1061.15L1174.77 175.328H1254.78ZM1245.65 359.92L1300.38 217.364H1289.18L1315.76 175.328H1433.03C1443.1 175.328 1449.57 177.505 1452.44 181.857C1455.31 186.21 1454.92 193.087 1451.27 202.488L1434.07 247.395C1433.31 249.36 1432.21 251.173 1430.81 252.748C1429.16 254.751 1427.34 256.753 1425.34 258.753C1423.4 260.697 1421.36 262.527 1419.22 264.234C1417.13 265.888 1415.39 267.237 1414 268.282C1414.72 269.547 1415.38 270.85 1415.96 272.185C1416.75 273.959 1417.4 275.791 1417.91 277.666C1418.43 279.59 1418.78 281.557 1418.95 283.543C1419.15 285.364 1418.89 287.207 1418.18 288.896L1401.48 332.755C1397.83 342.155 1392.92 349.032 1386.75 353.385C1380.59 357.738 1372.47 359.912 1362.39 359.909L1245.65 359.92ZM1319.15 317.884H1337.91C1342.25 317.884 1345.68 316.927 1348.2 315.012C1350.73 313.098 1353.03 309.442 1355.11 304.045L1355.63 302.478C1357.72 297.088 1358.24 293.434 1357.19 291.516C1356.14 289.598 1353.45 288.641 1349.12 288.645H1330.35L1319.15 317.884ZM1375.31 244.284C1377.82 242.369 1380.12 238.715 1382.21 233.322L1382.99 231.231C1385.08 225.841 1385.6 222.185 1384.56 220.263C1383.51 218.342 1380.82 217.384 1376.47 217.392H1357.7L1346.23 247.155H1365C1369.35 247.137 1372.78 246.17 1375.31 244.256V244.284ZM1530.75 217.392C1526.75 217.392 1523.54 218.566 1521.11 220.916C1518.68 223.265 1516.68 226.61 1515.12 230.952L1514.33 233.043C1512.94 237.221 1512.25 239.918 1512.25 241.133C1512.25 243.224 1512.99 244.618 1514.48 245.315C1515.97 246.012 1518.17 246.358 1521.12 246.358H1563.06C1573.14 246.358 1579.69 248.533 1582.74 252.882C1585.78 257.231 1585.47 264.108 1581.82 273.512L1559.17 332.766C1555.52 342.166 1550.52 349.043 1544.18 353.396C1537.84 357.749 1529.63 359.923 1519.55 359.92H1417.15L1422.88 317.884H1495.59C1499.94 317.884 1503.37 316.927 1505.89 315.012C1508.41 313.098 1510.71 309.442 1512.79 304.045L1513.58 302.222C1515.31 297.694 1516.01 294.386 1515.66 292.297C1515.31 290.208 1513.66 288.907 1510.71 288.394H1464.84C1454.77 288.394 1448.21 286.217 1445.17 281.865C1442.12 277.512 1442.43 270.635 1446.08 261.234L1468.73 202.22C1474.81 186.207 1485.58 177.243 1501.04 175.328H1619.36L1592.25 217.364L1530.75 217.392Z" fill="#1C75BC"/>
<!-- 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 -->
<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"/>
</g>
<!-- ===== OP PEDAL subtitle row ===== -->
<!-- Each letter individually positioned with wide spacing - no risk of running together -->
<g font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="70" font-weight="700">
<!-- O -->
<text x="595" y="500" fill="#D1D3D4">O</text>
<!-- P -->
<text x="670" y="500" fill="#D1D3D4">P</text>
<!-- P -->
<text x="890" y="500" fill="#1C75BC">P</text>
<!-- E -->
<text x="965" y="500" fill="#1C75BC">E</text>
<!-- D -->
<text x="1040" y="500" fill="#1C75BC">D</text>
<!-- A -->
<text x="1115" y="500" fill="#1C75BC">A</text>
<!-- L -->
<text x="1190" y="500" fill="#1C75BC">L</text>
<!-- ===== OP PEDAL subtitle ===== -->
<!-- Uses sans-serif — renders in ALL browsers, including Gitea's SVG viewer -->
<g font-family="Arial, Helvetica, sans-serif" font-size="72" font-weight="bold">
<!-- OP in silver -->
<text x="595" y="510" fill="#D1D3D4">O</text>
<text x="670" y="510" fill="#D1D3D4">P</text>
<!-- PEDAL in blue -->
<text x="890" y="510" fill="#1C75BC">P</text>
<text x="965" y="510" fill="#1C75BC">E</text>
<text x="1040" y="510" fill="#1C75BC">D</text>
<text x="1115" y="510" fill="#1C75BC">A</text>
<text x="1190" y="510" fill="#1C75BC">L</text>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

artifacts/op-pedal-square.svg
+10 -10
View File
@@ -7,26 +7,26 @@
<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 LABS - first line -->
<g font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="90" font-weight="800">
<text x="350" y="600" fill="#D1D3D4" text-anchor="middle" letter-spacing="8">OP LABS</text>
<g font-family="sans-serif" font-size="90" font-weight="bold">
<text x="350" y="600" fill="#D1D3D4" text-anchor="middle">OP LABS</text>
</g>
<!-- OP PEDAL - second line, each letter positioned for clean spacing -->
<g font-family="'Montserrat','Gotham','Helvetica Neue',Arial,sans-serif" font-size="70" font-weight="600">
<!-- OP PEDAL - second line, each letter individually positioned -->
<g font-family="sans-serif" font-size="72" font-weight="bold">
<!-- O -->
<text x="185" y="700" fill="#D1D3D4">O</text>
<!-- P -->
<text x="248" y="700" fill="#D1D3D4">P</text>
<text x="250" y="700" fill="#D1D3D4">P</text>
<!-- P -->
<text x="350" y="700" fill="#1C75BC">P</text>
<text x="353" y="700" fill="#1C75BC">P</text>
<!-- E -->
<text x="413" y="700" fill="#1C75BC">E</text>
<text x="418" y="700" fill="#1C75BC">E</text>
<!-- D -->
<text x="476" y="700" fill="#1C75BC">D</text>
<text x="483" y="700" fill="#1C75BC">D</text>
<!-- A -->
<text x="539" y="700" fill="#1C75BC">A</text>
<text x="548" y="700" fill="#1C75BC">A</text>
<!-- L -->
<text x="602" y="700" fill="#1C75BC">L</text>
<text x="613" y="700" fill="#1C75BC">L</text>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB