# Arcade (Demo) Brand Identity A complete profile of **Arcade (Demo)**'s visual system — colors, typography, components, and personality — extracted from https://www.arcade.software/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/arcade-demo - Machine-readable JSON: https://characterquilt.com/branding/arcade-demo.json - Per-page llms.txt: https://characterquilt.com/branding/arcade-demo/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #2142E7 | | Accent | #2142E7 | | Body Font | Inter | | Heading Font | Inter | ## Color Palette - primary: #2142E7 - secondary: #4B5563 - accent: #2142E7 - background: #FFFFFF - textPrimary: #111827 - link: #111827 ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22logo%22%20viewBox%3D%220%200%20583%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cstyle%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20.logo%20%7B%0A%20%20%20%20%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.pressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.fill%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23111827%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.transition-all%20%7Btransition%3Aall%20.2s%20ease%3B%7D%0A%20%20.logo%20rect%2C%20.logo%20g%2C%20.logo%20path%2C%20stop%20%20%7B%0A%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%7D%0A%20%20%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.stroke%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23111827%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Ahover%20%26gt%3B%20.fill%20%7B%0A%20%20%20%20%20%20%09fill%3Atransparent%20!important%3B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23gradientsvg)%20!important%3B%0A%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Ahover%20%26gt%3B%20.stroke%20%7B%0A%20%20%20%20%20%20%09stroke%3A%20transparent%20!important%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20url(%23gradientsvg)%20!important%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Aactive%20%26gt%3B%20.unpressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Aactive%20%26gt%3B%20.pressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20block%20!important%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20class%3D%22logo%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22logo%20transition-all%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M217.252%2072.8739H193.49L189.878%2083.8551H170.297L194.725%2016.5353H216.207L240.54%2083.8551H220.864L217.252%2072.8739ZM212.595%2058.5505L205.371%2036.779L198.242%2058.5505H212.595Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M280.545%2083.8551L267.238%2059.0279H265.242V83.8551H246.612V16.5353H275.983C281.369%2016.5353%20285.931%2017.4902%20289.67%2019.4C293.409%2021.2461%20296.229%2023.8243%20298.13%2027.1346C300.031%2030.3812%20300.981%2034.0417%20300.981%2038.1159C300.981%2042.6993%20299.714%2046.7417%20297.179%2050.243C294.708%2053.6806%20291.064%2056.1314%20286.248%2057.5956L301.361%2083.8551H280.545ZM265.242%2046.2324H274.462C276.997%2046.2324%20278.898%2045.6277%20280.165%2044.4181C281.432%2043.2086%20282.066%2041.458%20282.066%2039.1662C282.066%2037.0018%20281.401%2035.3148%20280.07%2034.1053C278.803%2032.8321%20276.933%2032.1955%20274.462%2032.1955H265.242V46.2324Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M307.172%2050.052C307.172%2043.4314%20308.534%2037.5429%20311.259%2032.3865C314.047%2027.1664%20317.976%2023.1241%20323.046%2020.2594C328.115%2017.3311%20333.945%2015.8669%20340.535%2015.8669C348.899%2015.8669%20355.933%2018.1268%20361.636%2022.6466C367.339%2027.1028%20371.015%2033.1822%20372.662%2040.885H352.606C351.402%2038.3387%20349.723%2036.397%20347.569%2035.0602C345.478%2033.7234%20343.038%2033.0549%20340.25%2033.0549C335.941%2033.0549%20332.487%2034.6146%20329.889%2037.7339C327.354%2040.7895%20326.087%2044.8956%20326.087%2050.052C326.087%2055.272%20327.354%2059.4417%20329.889%2062.561C332.487%2065.6167%20335.941%2067.1445%20340.25%2067.1445C343.038%2067.1445%20345.478%2066.4761%20347.569%2065.1392C349.723%2063.8024%20351.402%2061.8608%20352.606%2059.3144H372.662C371.015%2067.0172%20367.339%2073.1285%20361.636%2077.6483C355.933%2082.1045%20348.899%2084.3325%20340.535%2084.3325C333.945%2084.3325%20328.115%2082.9002%20323.046%2080.0355C317.976%2077.1072%20314.047%2073.0648%20311.259%2067.9084C308.534%2062.6884%20307.172%2056.7362%20307.172%2050.052Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M423.877%2072.8739H400.114L396.502%2083.8551H376.922L401.35%2016.5353H422.831L447.164%2083.8551H427.489L423.877%2072.8739ZM419.219%2058.5505L411.995%2036.779L404.867%2058.5505H419.219Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M479.755%2016.5353C486.789%2016.5353%20492.936%2017.9677%20498.195%2020.8323C503.518%2023.6333%20507.605%2027.5802%20510.457%2032.673C513.308%2037.7657%20514.734%2043.5906%20514.734%2050.1475C514.734%2056.6407%20513.277%2062.4337%20510.362%2067.5265C507.51%2072.6192%20503.423%2076.6297%20498.1%2079.5581C492.841%2082.4227%20486.726%2083.8551%20479.755%2083.8551H453.236V16.5353H479.755ZM478.33%2067.3355C483.779%2067.3355%20488.056%2065.8395%20491.161%2062.8475C494.266%2059.8555%20495.819%2055.6222%20495.819%2050.1475C495.819%2044.6091%20494.266%2040.3439%20491.161%2037.3519C488.056%2034.2963%20483.779%2032.7685%20478.33%2032.7685H471.866V67.3355H478.33Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M541.762%2031.5271V42.5083H563.148V56.7362H541.762V68.8633H566V83.8551H523.132V16.5353H566V31.5271H541.762Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22fill%20transition-all%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M138.254%2045.2848C138.296%2044.7906%20138.317%2044.2936%20138.317%2043.7939C138.317%2025.7384%20110.935%2011.1014%2077.1584%2011.1014C43.3815%2011.1014%2016%2025.7384%2016%2043.7939C16%2044.2936%2016.021%2044.7906%2016.0625%2045.2848C16.021%2045.779%2016%2046.276%2016%2046.7757C16%2047.2753%2016.021%2047.7724%2016.0625%2048.2665C16.021%2048.7607%2016%2049.2577%2016%2049.7574C16%2050.2571%2016.021%2050.7541%2016.0625%2051.2483C16.021%2051.7424%2016%2052.2395%2016%2052.7391C16%2053.2388%2016.021%2053.7358%2016.0625%2054.23C16.021%2054.7242%2016%2055.2212%2016%2055.7209C16%2056.2205%2016.021%2056.7175%2016.0625%2057.2117C16.021%2057.7059%2016%2058.2029%2016%2058.7026C16%2059.2022%2016.021%2059.6993%2016.0625%2060.1935C16.021%2060.6876%2016%2061.1847%2016%2061.6843C16%2062.184%2016.021%2062.681%2016.0625%2063.1752C16.021%2063.6694%2016%2064.1664%2016%2064.666C16%2082.7216%2043.3815%2097.3586%2077.1584%2097.3586C110.935%2097.3586%20138.317%2082.7216%20138.317%2064.666C138.317%2064.1664%20138.296%2063.6694%20138.254%2063.1752C138.296%2062.681%20138.317%2062.184%20138.317%2061.6843C138.317%2061.1847%20138.296%2060.6876%20138.254%2060.1935C138.296%2059.6993%20138.317%2059.2022%20138.317%2058.7026C138.317%2058.2029%20138.296%2057.7059%20138.254%2057.2117C138.296%2056.7175%20138.317%2056.2205%20138.317%2055.7209C138.317%2055.2212%20138.296%2054.7242%20138.254%2054.23C138.296%2053.7358%20138.317%2053.2388%20138.317%2052.7391C138.317%2052.2395%20138.296%2051.7424%20138.254%2051.2483C138.296%2050.7541%20138.317%2050.2571%20138.317%2049.7574C138.317%2049.2577%20138.296%2048.7607%20138.254%2048.2665C138.296%2047.7724%20138.317%2047.2753%20138.317%2046.7757C138.317%2046.276%20138.296%2045.779%20138.254%2045.2848Z%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22stroke%20transition-all%22%20d%3D%22M137.317%2043.8251C137.317%2052.3141%20130.87%2060.2301%20119.932%2066.0826C109.036%2071.9124%2093.9154%2075.5488%2077.1584%2075.5488C60.4014%2075.5488%2045.2803%2071.9124%2034.3847%2066.0826C23.4468%2060.2301%2017%2052.3141%2017%2043.8251C17%2035.3361%2023.4468%2027.4202%2034.3847%2021.5677C45.2803%2015.7378%2060.4014%2012.1014%2077.1584%2012.1014C93.9154%2012.1014%20109.036%2015.7378%20119.932%2021.5677C130.87%2027.4202%20137.317%2035.3361%20137.317%2043.8251Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22unpressed%20fill%20transition-all%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M122.701%2028.4959C122.732%2028.1273%20122.748%2027.7566%20122.748%2027.3839C122.748%2013.9171%20102.336%203%2077.1571%203C51.978%203%2031.5663%2013.9171%2031.5663%2027.3839C31.5663%2027.7566%2031.582%2028.1273%2031.6129%2028.4959C31.582%2028.8645%2031.5663%2029.2352%2031.5663%2029.6079C31.5663%2029.9805%2031.582%2030.3513%2031.6129%2030.7198C31.582%2031.0884%2031.5663%2031.4591%2031.5663%2031.8318C31.5663%2032.2045%2031.582%2032.5752%2031.6129%2032.9438C31.582%2033.3124%2031.5663%2033.6831%2031.5663%2034.0558C31.5663%2034.4284%2031.582%2034.7991%2031.6129%2035.1677C31.582%2035.5363%2031.5663%2035.907%2031.5663%2036.2797C31.5663%2036.6524%2031.582%2037.0231%2031.6129%2037.3917C31.582%2037.7603%2031.5663%2038.131%2031.5663%2038.5036C31.5663%2038.8763%2031.582%2039.247%2031.6129%2039.6156C31.582%2039.9842%2031.5663%2040.3549%2031.5663%2040.7276C31.5663%2041.1002%2031.582%2041.471%2031.6129%2041.8395C31.582%2042.2081%2031.5663%2042.5789%2031.5663%2042.9515C31.5663%2056.4184%2051.978%2067.3355%2077.1571%2067.3355C102.336%2067.3355%20122.748%2056.4184%20122.748%2042.9515C122.748%2042.5789%20122.732%2042.2081%20122.701%2041.8395C122.732%2041.471%20122.748%2041.1002%20122.748%2040.7276C122.748%2040.3549%20122.732%2039.9842%20122.701%2039.6156C122.732%2039.247%20122.748%2038.8763%20122.748%2038.5036C122.748%2038.131%20122.732%2037.7603%20122.701%2037.3917C122.732%2037.0231%20122.748%2036.6524%20122.748%2036.2797C122.748%2035.907%20122.732%2035.5363%20122.701%2035.1677C122.732%2034.7991%20122.748%2034.4284%20122.748%2034.0558C122.748%2033.6831%20122.732%2033.3124%20122.701%2032.9438C122.732%2032.5752%20122.748%2032.2045%20122.748%2031.8318C122.748%2031.4591%20122.732%2031.0884%20122.701%2030.7198C122.732%2030.3513%20122.748%2029.9805%20122.748%2029.6079C122.748%2029.2352%20122.732%2028.8645%20122.701%2028.4959Z%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22unpressed%20stroke%20transition-all%22%20d%3D%22M121.748%2027.3839C121.748%2033.5697%20117.044%2039.4008%20108.923%2043.7442C100.845%2048.0649%2089.6154%2050.7678%2077.1572%2050.7678C64.6989%2050.7678%2053.4697%2048.0649%2045.3912%2043.7442C37.2704%2039.4008%2032.5663%2033.5697%2032.5663%2027.3839C32.5663%2021.1981%2037.2704%2015.3671%2045.3912%2011.0237C53.4697%206.70294%2064.6989%204%2077.1572%204C89.6154%204%20100.845%206.70294%20108.923%2011.0237C117.044%2015.3671%20121.748%2021.1981%20121.748%2027.3839Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22pressed%20stroke%20transition-all%22%20d%3D%22M121.748%2042.3839C121.748%2048.5697%20117.044%2054.4008%20108.923%2058.7442C100.845%2063.0649%2089.6154%2065.7678%2077.1572%2065.7678C64.6989%2065.7678%2053.4697%2063.0649%2045.3912%2058.7442C37.2704%2054.4008%2032.5663%2048.5697%2032.5663%2042.3839C32.5663%2036.1981%2037.2704%2030.3671%2045.3912%2026.0237C53.4697%2021.7029%2064.6989%2019%2077.1572%2019C89.6154%2019%20100.845%2021.7029%20108.923%2026.0237C117.044%2030.3671%20121.748%2036.1981%20121.748%2042.3839Z%22%20fill%3D%22%23111827%22%20stroke%3D%22%23111827%22%20stroke-width%3D%222%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22gradientsvg%22%20gradientUnits%3D%22objectBoundingBox%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%2210%25%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FDBC15%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(253%2C%20188%2C%2021)%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stop-color%22%20values%3D%22%23FFAC15%3B%2303B5ED%3B%23EA12AD%3B%232200FF%3B%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fanimate%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23EA12AD%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(234%2C%2018%2C%20173)%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stop-color%22%20values%3D%22%23CA15AD%3B%234200FF%3B%23FDBC15%3B%2303B5ED%3B%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fanimate%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22gradientTransform%22%20type%3D%22rotate%22%20values%3D%22360%20.5%20.5%3B0%20.5%20.5%22%20class%3D%22ignore%22%20dur%3D%2210s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E - Favicon: https://cdn.prod.website-files.com/61d72a2cda50bc679e28766b/61d72a2cda50bc54cb2876f7_arcade-favicon.png - Social card (og:image): https://cdn.prod.website-files.com/61d72a2cda50bc679e28766b/64b5be44f9557e358e41e20c_og-arcade.jpg ## UI Components - input: background=#FFFFFF, textColor=#111827, borderColor=#E5E7EB, borderRadius=16px, shadow=none - buttonPrimary: background=#2142E7, textColor=#FFFFFF, borderRadius=12px, shadow=rgba(17, 24, 39, 0.04) 0px 32px 32px 0px, rgba(17, 24, 39, 0.04) 0px 16px 16px 0px, rgba(17, 24, 39, 0.04) 0px 8px 8px 0px, rgba(17, 24, 39, 0.04) 0px 4px 4px -2px, rgba(17, 24, 39, 0.04) 0px 2px 2px -1px, rgb(24, 47, 165) 0px 0px 0px 1px - buttonSecondary: background=#FFFFFF, textColor=#111827, borderRadius=12px, shadow=rgba(17, 24, 39, 0.04) 0px 32px 32px 0px, rgba(17, 24, 39, 0.04) 0px 16px 16px 0px, rgba(17, 24, 39, 0.04) 0px 8px 8px 0px, rgba(17, 24, 39, 0.04) 0px 4px 4px -2px, rgba(17, 24, 39, 0.04) 0px 2px 2px -1px, rgba(17, 24, 39, 0.16) 0px 0px 0px 1px ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Arcade (Demo) Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Behind the Arcade: Your Year in Demos | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/66ccd008983ea6741702daf8_6576af9bea1ed10207dbe6c6_Toolkit%2520(2).png - Source: https://www.arcade.software/post/year-in-demos - **How Arcade increased trial likelihood by 5x for Nudge Security | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/65cc0140ddf3b10c02c49af4_Blog%20or%20Twitter%20Format%20(1).jpg - Source: https://www.arcade.software/post/nudge-security - **Product Tour Examples You Need to Copy in 2025 | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/672e6bcc8a72c836a46ce816_blog-or-twitter-format%20(6).jpg - Source: https://www.arcade.software/post/product-tour-examples - **What's inside an effortlessly beautiful demo? | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/64ff3d1d1d2becfcf8ad68db_changelog-twitter-blogcover.png - Source: https://www.arcade.software/post/whats-inside-an-effortlessly-beautiful-demo - **Reprise Pricing: Is It Worth It? [2024] | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/67099d69685c9a6ee9fffb64_Blog%20or%20Twitter%20Format%20(12).jpg - Source: https://www.arcade.software/post/reprise-pricing-is-it-worth-it-2024 - **How RudderStack's GTM Team Saw 2X Pipeline From Launches and Reduced Sales Training Time by 83% with Arcade | Arcade Blog** - Image: https://cdn.prod.website-files.com/61d72a2cda50bcf02928767c/66ecb74b227f6f1c0278eca5_Blog%20or%20Twitter%20Format%20(9).jpg - Source: https://www.arcade.software/post/rudderstack ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Inter", "role": "body" } ], "colors": { "primary": "#2142E7", "secondary": "#4B5563", "accent": "#2142E7", "background": "#FFFFFF", "textPrimary": "#111827", "link": "#111827" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter" }, "fontStacks": { "heading": [ "Inter", "sans-serif" ], "body": [ "Inter", "sans-serif" ], "paragraph": [ "Inter", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "20px", "body": "24px" } }, "spacing": { "baseUnit": 4, "borderRadius": "16px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#111827", "borderColor": "#E5E7EB", "borderRadius": "16px", "borderRadiusCorners": { "topLeft": "16px", "topRight": "16px", "bottomRight": "16px", "bottomLeft": "16px" }, "shadow": "none" }, "buttonPrimary": { "background": "#2142E7", "textColor": "#FFFFFF", "borderRadius": "12px", "borderRadiusCorners": { "topLeft": "12px", "topRight": "12px", "bottomRight": "12px", "bottomLeft": "12px" }, "shadow": "rgba(17, 24, 39, 0.04) 0px 32px 32px 0px, rgba(17, 24, 39, 0.04) 0px 16px 16px 0px, rgba(17, 24, 39, 0.04) 0px 8px 8px 0px, rgba(17, 24, 39, 0.04) 0px 4px 4px -2px, rgba(17, 24, 39, 0.04) 0px 2px 2px -1px, rgb(24, 47, 165) 0px 0px 0px 1px" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#111827", "borderRadius": "12px", "borderRadiusCorners": { "topLeft": "12px", "topRight": "12px", "bottomRight": "12px", "bottomLeft": "12px" }, "shadow": "rgba(17, 24, 39, 0.04) 0px 32px 32px 0px, rgba(17, 24, 39, 0.04) 0px 16px 16px 0px, rgba(17, 24, 39, 0.04) 0px 8px 8px 0px, rgba(17, 24, 39, 0.04) 0px 4px 4px -2px, rgba(17, 24, 39, 0.04) 0px 2px 2px -1px, rgba(17, 24, 39, 0.16) 0px 0px 0px 1px" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22logo%22%20viewBox%3D%220%200%20583%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cstyle%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20.logo%20%7B%0A%20%20%20%20%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.pressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.fill%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23111827%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.transition-all%20%7Btransition%3Aall%20.2s%20ease%3B%7D%0A%20%20.logo%20rect%2C%20.logo%20g%2C%20.logo%20path%2C%20stop%20%20%7B%0A%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%7D%0A%20%20%0A%20%20%20%20%20%20.logo%20%26gt%3B%20.stroke%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23111827%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%20%20transition%3Aall%20.2s%20ease%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Ahover%20%26gt%3B%20.fill%20%7B%0A%20%20%20%20%20%20%09fill%3Atransparent%20!important%3B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23gradientsvg)%20!important%3B%0A%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Ahover%20%26gt%3B%20.stroke%20%7B%0A%20%20%20%20%20%20%09stroke%3A%20transparent%20!important%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20url(%23gradientsvg)%20!important%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%202%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Aactive%20%26gt%3B%20.unpressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20.logo%3Aactive%20%26gt%3B%20.pressed%20%7B%0A%20%20%20%20%20%20%20%20display%3A%20block%20!important%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20class%3D%22logo%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Crect%20class%3D%22logo%20transition-all%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20height%3D%22100%25%22%20width%3D%22100%25%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M217.252%2072.8739H193.49L189.878%2083.8551H170.297L194.725%2016.5353H216.207L240.54%2083.8551H220.864L217.252%2072.8739ZM212.595%2058.5505L205.371%2036.779L198.242%2058.5505H212.595Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M280.545%2083.8551L267.238%2059.0279H265.242V83.8551H246.612V16.5353H275.983C281.369%2016.5353%20285.931%2017.4902%20289.67%2019.4C293.409%2021.2461%20296.229%2023.8243%20298.13%2027.1346C300.031%2030.3812%20300.981%2034.0417%20300.981%2038.1159C300.981%2042.6993%20299.714%2046.7417%20297.179%2050.243C294.708%2053.6806%20291.064%2056.1314%20286.248%2057.5956L301.361%2083.8551H280.545ZM265.242%2046.2324H274.462C276.997%2046.2324%20278.898%2045.6277%20280.165%2044.4181C281.432%2043.2086%20282.066%2041.458%20282.066%2039.1662C282.066%2037.0018%20281.401%2035.3148%20280.07%2034.1053C278.803%2032.8321%20276.933%2032.1955%20274.462%2032.1955H265.242V46.2324Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M307.172%2050.052C307.172%2043.4314%20308.534%2037.5429%20311.259%2032.3865C314.047%2027.1664%20317.976%2023.1241%20323.046%2020.2594C328.115%2017.3311%20333.945%2015.8669%20340.535%2015.8669C348.899%2015.8669%20355.933%2018.1268%20361.636%2022.6466C367.339%2027.1028%20371.015%2033.1822%20372.662%2040.885H352.606C351.402%2038.3387%20349.723%2036.397%20347.569%2035.0602C345.478%2033.7234%20343.038%2033.0549%20340.25%2033.0549C335.941%2033.0549%20332.487%2034.6146%20329.889%2037.7339C327.354%2040.7895%20326.087%2044.8956%20326.087%2050.052C326.087%2055.272%20327.354%2059.4417%20329.889%2062.561C332.487%2065.6167%20335.941%2067.1445%20340.25%2067.1445C343.038%2067.1445%20345.478%2066.4761%20347.569%2065.1392C349.723%2063.8024%20351.402%2061.8608%20352.606%2059.3144H372.662C371.015%2067.0172%20367.339%2073.1285%20361.636%2077.6483C355.933%2082.1045%20348.899%2084.3325%20340.535%2084.3325C333.945%2084.3325%20328.115%2082.9002%20323.046%2080.0355C317.976%2077.1072%20314.047%2073.0648%20311.259%2067.9084C308.534%2062.6884%20307.172%2056.7362%20307.172%2050.052Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M423.877%2072.8739H400.114L396.502%2083.8551H376.922L401.35%2016.5353H422.831L447.164%2083.8551H427.489L423.877%2072.8739ZM419.219%2058.5505L411.995%2036.779L404.867%2058.5505H419.219Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M479.755%2016.5353C486.789%2016.5353%20492.936%2017.9677%20498.195%2020.8323C503.518%2023.6333%20507.605%2027.5802%20510.457%2032.673C513.308%2037.7657%20514.734%2043.5906%20514.734%2050.1475C514.734%2056.6407%20513.277%2062.4337%20510.362%2067.5265C507.51%2072.6192%20503.423%2076.6297%20498.1%2079.5581C492.841%2082.4227%20486.726%2083.8551%20479.755%2083.8551H453.236V16.5353H479.755ZM478.33%2067.3355C483.779%2067.3355%20488.056%2065.8395%20491.161%2062.8475C494.266%2059.8555%20495.819%2055.6222%20495.819%2050.1475C495.819%2044.6091%20494.266%2040.3439%20491.161%2037.3519C488.056%2034.2963%20483.779%2032.7685%20478.33%2032.7685H471.866V67.3355H478.33Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22transition-all%22%20d%3D%22M541.762%2031.5271V42.5083H563.148V56.7362H541.762V68.8633H566V83.8551H523.132V16.5353H566V31.5271H541.762Z%22%20fill%3D%22%23111827%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22fill%20transition-all%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M138.254%2045.2848C138.296%2044.7906%20138.317%2044.2936%20138.317%2043.7939C138.317%2025.7384%20110.935%2011.1014%2077.1584%2011.1014C43.3815%2011.1014%2016%2025.7384%2016%2043.7939C16%2044.2936%2016.021%2044.7906%2016.0625%2045.2848C16.021%2045.779%2016%2046.276%2016%2046.7757C16%2047.2753%2016.021%2047.7724%2016.0625%2048.2665C16.021%2048.7607%2016%2049.2577%2016%2049.7574C16%2050.2571%2016.021%2050.7541%2016.0625%2051.2483C16.021%2051.7424%2016%2052.2395%2016%2052.7391C16%2053.2388%2016.021%2053.7358%2016.0625%2054.23C16.021%2054.7242%2016%2055.2212%2016%2055.7209C16%2056.2205%2016.021%2056.7175%2016.0625%2057.2117C16.021%2057.7059%2016%2058.2029%2016%2058.7026C16%2059.2022%2016.021%2059.6993%2016.0625%2060.1935C16.021%2060.6876%2016%2061.1847%2016%2061.6843C16%2062.184%2016.021%2062.681%2016.0625%2063.1752C16.021%2063.6694%2016%2064.1664%2016%2064.666C16%2082.7216%2043.3815%2097.3586%2077.1584%2097.3586C110.935%2097.3586%20138.317%2082.7216%20138.317%2064.666C138.317%2064.1664%20138.296%2063.6694%20138.254%2063.1752C138.296%2062.681%20138.317%2062.184%20138.317%2061.6843C138.317%2061.1847%20138.296%2060.6876%20138.254%2060.1935C138.296%2059.6993%20138.317%2059.2022%20138.317%2058.7026C138.317%2058.2029%20138.296%2057.7059%20138.254%2057.2117C138.296%2056.7175%20138.317%2056.2205%20138.317%2055.7209C138.317%2055.2212%20138.296%2054.7242%20138.254%2054.23C138.296%2053.7358%20138.317%2053.2388%20138.317%2052.7391C138.317%2052.2395%20138.296%2051.7424%20138.254%2051.2483C138.296%2050.7541%20138.317%2050.2571%20138.317%2049.7574C138.317%2049.2577%20138.296%2048.7607%20138.254%2048.2665C138.296%2047.7724%20138.317%2047.2753%20138.317%2046.7757C138.317%2046.276%20138.296%2045.779%20138.254%2045.2848Z%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22stroke%20transition-all%22%20d%3D%22M137.317%2043.8251C137.317%2052.3141%20130.87%2060.2301%20119.932%2066.0826C109.036%2071.9124%2093.9154%2075.5488%2077.1584%2075.5488C60.4014%2075.5488%2045.2803%2071.9124%2034.3847%2066.0826C23.4468%2060.2301%2017%2052.3141%2017%2043.8251C17%2035.3361%2023.4468%2027.4202%2034.3847%2021.5677C45.2803%2015.7378%2060.4014%2012.1014%2077.1584%2012.1014C93.9154%2012.1014%20109.036%2015.7378%20119.932%2021.5677C130.87%2027.4202%20137.317%2035.3361%20137.317%2043.8251Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22unpressed%20fill%20transition-all%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M122.701%2028.4959C122.732%2028.1273%20122.748%2027.7566%20122.748%2027.3839C122.748%2013.9171%20102.336%203%2077.1571%203C51.978%203%2031.5663%2013.9171%2031.5663%2027.3839C31.5663%2027.7566%2031.582%2028.1273%2031.6129%2028.4959C31.582%2028.8645%2031.5663%2029.2352%2031.5663%2029.6079C31.5663%2029.9805%2031.582%2030.3513%2031.6129%2030.7198C31.582%2031.0884%2031.5663%2031.4591%2031.5663%2031.8318C31.5663%2032.2045%2031.582%2032.5752%2031.6129%2032.9438C31.582%2033.3124%2031.5663%2033.6831%2031.5663%2034.0558C31.5663%2034.4284%2031.582%2034.7991%2031.6129%2035.1677C31.582%2035.5363%2031.5663%2035.907%2031.5663%2036.2797C31.5663%2036.6524%2031.582%2037.0231%2031.6129%2037.3917C31.582%2037.7603%2031.5663%2038.131%2031.5663%2038.5036C31.5663%2038.8763%2031.582%2039.247%2031.6129%2039.6156C31.582%2039.9842%2031.5663%2040.3549%2031.5663%2040.7276C31.5663%2041.1002%2031.582%2041.471%2031.6129%2041.8395C31.582%2042.2081%2031.5663%2042.5789%2031.5663%2042.9515C31.5663%2056.4184%2051.978%2067.3355%2077.1571%2067.3355C102.336%2067.3355%20122.748%2056.4184%20122.748%2042.9515C122.748%2042.5789%20122.732%2042.2081%20122.701%2041.8395C122.732%2041.471%20122.748%2041.1002%20122.748%2040.7276C122.748%2040.3549%20122.732%2039.9842%20122.701%2039.6156C122.732%2039.247%20122.748%2038.8763%20122.748%2038.5036C122.748%2038.131%20122.732%2037.7603%20122.701%2037.3917C122.732%2037.0231%20122.748%2036.6524%20122.748%2036.2797C122.748%2035.907%20122.732%2035.5363%20122.701%2035.1677C122.732%2034.7991%20122.748%2034.4284%20122.748%2034.0558C122.748%2033.6831%20122.732%2033.3124%20122.701%2032.9438C122.732%2032.5752%20122.748%2032.2045%20122.748%2031.8318C122.748%2031.4591%20122.732%2031.0884%20122.701%2030.7198C122.732%2030.3513%20122.748%2029.9805%20122.748%2029.6079C122.748%2029.2352%20122.732%2028.8645%20122.701%2028.4959Z%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22unpressed%20stroke%20transition-all%22%20d%3D%22M121.748%2027.3839C121.748%2033.5697%20117.044%2039.4008%20108.923%2043.7442C100.845%2048.0649%2089.6154%2050.7678%2077.1572%2050.7678C64.6989%2050.7678%2053.4697%2048.0649%2045.3912%2043.7442C37.2704%2039.4008%2032.5663%2033.5697%2032.5663%2027.3839C32.5663%2021.1981%2037.2704%2015.3671%2045.3912%2011.0237C53.4697%206.70294%2064.6989%204%2077.1572%204C89.6154%204%20100.845%206.70294%20108.923%2011.0237C117.044%2015.3671%20121.748%2021.1981%20121.748%2027.3839Z%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22pressed%20stroke%20transition-all%22%20d%3D%22M121.748%2042.3839C121.748%2048.5697%20117.044%2054.4008%20108.923%2058.7442C100.845%2063.0649%2089.6154%2065.7678%2077.1572%2065.7678C64.6989%2065.7678%2053.4697%2063.0649%2045.3912%2058.7442C37.2704%2054.4008%2032.5663%2048.5697%2032.5663%2042.3839C32.5663%2036.1981%2037.2704%2030.3671%2045.3912%2026.0237C53.4697%2021.7029%2064.6989%2019%2077.1572%2019C89.6154%2019%20100.845%2021.7029%20108.923%2026.0237C117.044%2030.3671%20121.748%2036.1981%20121.748%2042.3839Z%22%20fill%3D%22%23111827%22%20stroke%3D%22%23111827%22%20stroke-width%3D%222%22%20style%3D%22fill%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke%3A%20rgb(17%2C%2024%2C%2039)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22gradientsvg%22%20gradientUnits%3D%22objectBoundingBox%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%2210%25%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FDBC15%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(253%2C%20188%2C%2021)%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stop-color%22%20values%3D%22%23FFAC15%3B%2303B5ED%3B%23EA12AD%3B%232200FF%3B%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fanimate%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23EA12AD%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(234%2C%2018%2C%20173)%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Canimate%20attributeName%3D%22stop-color%22%20values%3D%22%23CA15AD%3B%234200FF%3B%23FDBC15%3B%2303B5ED%3B%22%20dur%3D%224s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fanimate%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fstop%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CanimateTransform%20attributeName%3D%22gradientTransform%22%20type%3D%22rotate%22%20values%3D%22360%20.5%20.5%3B0%20.5%20.5%22%20class%3D%22ignore%22%20dur%3D%2210s%22%20repeatCount%3D%22indefinite%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fsvg%3E", "favicon": "https://cdn.prod.website-files.com/61d72a2cda50bc679e28766b/61d72a2cda50bc54cb2876f7_arcade-favicon.png", "ogImage": "https://cdn.prod.website-files.com/61d72a2cda50bc679e28766b/64b5be44f9557e358e41e20c_og-arcade.jpg", "logoHref": "/", "logoAlt": ".logo {\n cursor: pointer;\n transition:all .2s ease;\n }\n .logo > .pressed {\n display: none;\n transition:all .2s ease;\n }\n .logo > .fill {\n fill: #111827;\n transition:all .2s ease;\n }\n .transition-all {transition:all .2s ease;}\n .logo rect, .logo g, .logo path, stop {\n transition:all .2s ease;\n }\n \n .logo > .stroke {\n stroke: #111827;\n stroke-width: 2;\n transition:all .2s ease;\n }\n .logo:hover > .fill {\n \tfill:transparent !important;\n fill: url(#gradientsvg) !important;\n\n }\n .logo:hover > .stroke {\n \tstroke: transparent !important;\n stroke: url(#gradientsvg) !important;\n fill: #fff;\n stroke-width: 2;\n }\n .logo:active > .unpressed {\n display: none;\n }\n .logo:active > .pressed {\n display: block !important;\n }" }, "__llm_logo_reasoning": { "selectedIndex": 12, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Arcade'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Sign up for free", "reasoning": "Button #0 has a vibrant brand color (#2142E7) and action-oriented text ('Sign up for free'), making it the primary CTA." }, "secondary": { "index": 3, "text": "Talk to a GTM expert", "reasoning": "Button #3 has a different background color (#FFFFFF) and serves as a secondary action ('Talk to a GTM expert'), which complements the primary CTA." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Arcade'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```