Skip to content

Instantly share code, notes, and snippets.

@OnePro
Created August 23, 2026 22:10
Show Gist options
  • Select an option

  • Save OnePro/538682450c61d2d101750c10df71f79b to your computer and use it in GitHub Desktop.

Select an option

Save OnePro/538682450c61d2d101750c10df71f79b to your computer and use it in GitHub Desktop.
background_auth
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="1738" viewBox="0 0 2560 1738" role="img" aria-labelledby="title desc">
<title id="title">1C PRO yellow and grey low-poly background</title>
<desc id="desc">Editable faceted geometric background with a quiet silver-grey center and yellow and graphite accents around the edges.</desc>
<defs>
<linearGradient id="base" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#f8f5ec"/>
<stop offset="0.52" stop-color="#e8e8e5"/>
<stop offset="1" stop-color="#c9cbca"/>
</linearGradient>
<linearGradient id="warm" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ffe58a"/>
<stop offset="1" stop-color="#f2bf20"/>
</linearGradient>
<linearGradient id="softWarm" x1="0" y1="0" x2="0.9" y2="1">
<stop offset="0" stop-color="#fff2bd"/>
<stop offset="1" stop-color="#e6cf8d"/>
</linearGradient>
<linearGradient id="graphite" x1="0" y1="0" x2="1" y2="0.4">
<stop offset="0" stop-color="#777a78"/>
<stop offset="1" stop-color="#3f4549"/>
</linearGradient>
</defs>
<rect width="2560" height="1738" fill="url(#base)"/>
<!-- Top band -->
<polygon points="0,0 420,0 330,220 0,190" fill="#f4f2ed"/>
<polygon points="420,0 690,0 705,185 330,220" fill="#ffe79a"/>
<polygon points="690,0 1040,0 900,170 705,185" fill="#f5e9c4"/>
<polygon points="1040,0 1440,0 1325,205 900,170" fill="#f2f1ee"/>
<polygon points="1440,0 1810,0 1710,170 1325,205" fill="#dedfdd"/>
<polygon points="1810,0 2180,0 2050,210 1710,170" fill="#f6f3e9"/>
<polygon points="2180,0 2560,0 2560,205 2310,260 2050,210" fill="#f0d982"/>
<!-- Upper-left facets -->
<polygon points="0,190 330,220 250,480 0,410" fill="#ffe16c"/>
<polygon points="330,220 705,185 570,470 250,480" fill="#f3e4b5"/>
<polygon points="705,185 900,170 860,520 570,470" fill="#d5d6d4"/>
<polygon points="0,410 250,480 130,690 0,610" fill="#f6c62c"/>
<polygon points="250,480 570,470 430,735 130,690" fill="#b2b4b2"/>
<polygon points="570,470 860,520 735,770 430,735" fill="#ecece9"/>
<!-- Upper-center quiet field -->
<polygon points="900,170 1325,205 1160,500 860,520" fill="#ededeb"/>
<polygon points="1325,205 1710,170 1715,510 1480,600 1160,500" fill="#f5f4ef"/>
<polygon points="1710,170 2050,210 1940,490 1715,510" fill="#d7d8d6"/>
<polygon points="860,520 1160,500 1065,790 735,770" fill="#dfe0de"/>
<polygon points="1160,500 1480,600 1370,865 1065,790" fill="#ebebe8"/>
<polygon points="1480,600 1715,510 1840,780 1640,910 1370,865" fill="#f1f0ec"/>
<polygon points="1715,510 1940,490 2050,735 1840,780" fill="#c8cac8"/>
<!-- Upper-right facets -->
<polygon points="2050,210 2310,260 2240,500 1940,490" fill="#ffdd69"/>
<polygon points="2310,260 2560,205 2560,460 2240,500" fill="#d0d1cf"/>
<polygon points="1940,490 2240,500 2150,745 2050,735" fill="#f6e6ad"/>
<polygon points="2240,500 2560,460 2560,720 2350,790 2150,745" fill="#f0bd21"/>
<polygon points="2050,735 2150,745 2010,975 1840,780" fill="#b5b7b5"/>
<polygon points="2150,745 2350,790 2250,1010 2010,975" fill="#e9e9e6"/>
<polygon points="2350,790 2560,720 2560,1020 2250,1010" fill="#f8d45b"/>
<!-- Middle-left -->
<polygon points="0,610 130,690 250,920 0,860" fill="#e1b53c"/>
<polygon points="130,690 430,735 465,990 250,920" fill="#f8df8a"/>
<polygon points="430,735 735,770 650,1040 465,990" fill="#c9cac8"/>
<polygon points="735,770 1065,790 940,1070 650,1040" fill="#e7e7e4"/>
<polygon points="0,860 250,920 160,1130 0,1090" fill="#595e60"/>
<polygon points="250,920 465,990 360,1200 160,1130" fill="#eec043"/>
<polygon points="465,990 650,1040 575,1260 360,1200" fill="#f7e7b6"/>
<!-- Middle-center quiet field -->
<polygon points="1065,790 1370,865 1280,1110 940,1070" fill="#e4e5e2"/>
<polygon points="1370,865 1640,910 1550,1150 1280,1110" fill="#eeeeeb"/>
<polygon points="1640,910 1840,780 2010,975 1850,1160 1550,1150" fill="#d7d8d6"/>
<polygon points="650,1040 940,1070 870,1310 575,1260" fill="#d3d4d2"/>
<polygon points="940,1070 1280,1110 1190,1350 870,1310" fill="#e9e9e6"/>
<polygon points="1280,1110 1550,1150 1490,1370 1190,1350" fill="#dedfdd"/>
<polygon points="1550,1150 1850,1160 1740,1395 1490,1370" fill="#f3f2ed"/>
<!-- Middle-right -->
<polygon points="2010,975 2250,1010 2150,1220 1850,1160" fill="#e6d9ad"/>
<polygon points="2250,1010 2560,1020 2560,1250 2400,1320 2150,1220" fill="#a6a9a7"/>
<polygon points="1850,1160 2150,1220 2040,1420 1740,1395" fill="#f3c52f"/>
<polygon points="2150,1220 2400,1320 2240,1490 2040,1420" fill="#e8dbaf"/>
<polygon points="2400,1320 2560,1250 2560,1510 2240,1490" fill="#555b5e"/>
<!-- Bottom-left graphite and gold -->
<polygon points="0,1090 160,1130 310,1370 0,1320" fill="url(#graphite)"/>
<polygon points="160,1130 360,1200 310,1370" fill="#8c8f8d"/>
<polygon points="360,1200 575,1260 500,1450 310,1370" fill="#f3c63b"/>
<polygon points="0,1320 310,1370 220,1738 0,1738" fill="#484e52"/>
<polygon points="310,1370 500,1450 610,1738 220,1738" fill="#747876"/>
<polygon points="500,1450 870,1310 810,1570 610,1738" fill="#d4b763"/>
<!-- Bottom-center -->
<polygon points="870,1310 1190,1350 1070,1570 810,1570" fill="#c5c7c5"/>
<polygon points="1190,1350 1490,1370 1390,1590 1070,1570" fill="#e7e7e3"/>
<polygon points="1490,1370 1740,1395 1670,1590 1390,1590" fill="#f7d864"/>
<polygon points="810,1570 1070,1570 1180,1738 610,1738" fill="#e5e5e1"/>
<polygon points="1070,1570 1390,1590 1480,1738 1180,1738" fill="#b9bcba"/>
<polygon points="1390,1590 1670,1590 1830,1738 1480,1738" fill="url(#warm)"/>
<!-- Bottom-right -->
<polygon points="1740,1395 2040,1420 1950,1620 1670,1590" fill="#f4df9b"/>
<polygon points="2040,1420 2240,1490 2180,1660 1950,1620" fill="#d2b75f"/>
<polygon points="2240,1490 2560,1510 2560,1738 2340,1738 2180,1660" fill="#3f4549"/>
<polygon points="1670,1590 1950,1620 2070,1738 1830,1738" fill="#d9c078"/>
<polygon points="1950,1620 2180,1660 2340,1738 2070,1738" fill="#6c716f"/>
<!-- Fine low-poly highlights -->
<polygon points="0,190 330,220 250,480" fill="#fff1b4" opacity="0.35"/>
<polygon points="360,1200 500,1450 575,1260" fill="#fff2b5" opacity="0.35"/>
<polygon points="1940,490 2240,500 2050,735" fill="#fff0ae" opacity="0.28"/>
<polygon points="1490,1370 1670,1590 1740,1395" fill="#fff0ac" opacity="0.28"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment