coloop.json
CoLoop Brand Identity
A complete profile of CoLoop's visual system — colors, typography, components, and personality — extracted from https://coloop.ai/. Built for designers, agents, and AI tools.
- Page: https://characterquilt.com/branding/coloop
- Machine-readable JSON: https://characterquilt.com/branding/coloop.json
- Per-page llms.txt: https://characterquilt.com/branding/coloop/llms.txt
Quick Facts
| Field | Value |
|---|---|
| Primary | #0000EE |
| Accent | #B27DBC |
| Body Font | Google Sans Flex |
| Heading Font | Montserrat |
Color Palette
- primary: #0000EE
- accent: #B27DBC
- background: #FFFFFF
- textPrimary: #000000
- link: #B27DBC
Typography
- primary: Google Sans Flex — https://fonts.google.com/specimen/Google+Sans+Flex
- heading: Montserrat — https://fonts.google.com/specimen/Montserrat
Visual Assets
- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%20103%2024%22%20id%3D%22svg12283614709%22%3E%3Cpath%20d%3D%22M%2012.043%200%20C%2010.007%200%208.09%200.505%206.409%201.393%20C%205.35%201.954%204.384%202.666%203.541%203.502%20C%201.353%205.674%200%208.679%200%2012.001%20C%200%2018.628%205.392%2024.001%2012.043%2024.001%20C%2018.694%2024.001%2024.086%2018.628%2024.086%2012.001%20C%2024.086%205.373%2018.694%200%2012.043%200%20Z%20M%207.047%2010.986%20C%206.058%2010.986%205.26%2010.183%205.26%209.196%20C%205.26%208.21%206.058%207.415%207.047%207.415%20C%208.037%207.415%208.835%208.21%208.835%209.196%20C%208.835%2010.183%208.037%2010.986%207.047%2010.986%20Z%20M%2010.587%2016.501%20C%209.604%2016.501%208.798%2015.698%208.798%2014.712%20C%208.798%2013.725%209.604%2012.93%2010.587%2012.93%20C%2011.571%2012.93%2012.383%2013.733%2012.383%2014.712%20C%2012.383%2015.69%2011.577%2016.501%2010.587%2016.501%20Z%20M%2017.03%2016.501%20C%2016.04%2016.501%2015.243%2015.698%2015.243%2014.712%20C%2015.243%2013.725%2016.04%2012.93%2017.03%2012.93%20C%2018.02%2012.93%2018.826%2013.733%2018.826%2014.712%20C%2018.826%2015.69%2018.02%2016.501%2017.03%2016.501%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2042.932%2015.295%20C%2042.754%2015.118%2042.467%2015.118%2042.292%2015.292%20C%2041.413%2016.169%2040.336%2016.614%2039.094%2016.614%20C%2037.852%2016.614%2036.619%2016.144%2035.782%2015.291%20C%2034.94%2014.435%2034.477%2013.227%2034.477%2011.892%20C%2034.477%2010.557%2034.94%209.351%2035.782%208.495%20C%2036.619%207.641%2037.795%207.172%2039.094%207.172%20C%2040.393%207.172%2041.409%207.612%2042.294%208.48%20C%2042.468%208.651%2042.754%208.649%2042.93%208.477%20L%2043.969%207.462%20C%2044.147%207.289%2044.152%207.008%2043.98%206.825%20C%2042.762%205.523%2040.988%204.807%2038.981%204.807%20C%2036.974%204.807%2035.202%205.518%2033.901%206.808%20C%2032.596%208.104%2031.875%209.91%2031.875%2011.893%20C%2031.875%2013.877%2032.594%2015.682%2033.898%2016.979%20C%2035.196%2018.269%2036.995%2018.98%2038.962%2018.98%20C%2040.93%2018.98%2042.747%2018.281%2043.981%2016.96%20C%2044.151%2016.776%2044.147%2016.497%2043.971%2016.323%20L%2042.931%2015.295%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2050.422%208.119%20C%2047.294%208.119%2045.024%2010.386%2045.024%2013.511%20C%2045.024%2016.635%2047.295%2018.922%2050.422%2018.922%20C%2051.949%2018.922%2053.331%2018.382%2054.314%2017.401%20C%2055.298%2016.418%2055.84%2015.037%2055.84%2013.511%20C%2055.84%2011.984%2055.298%2010.609%2054.314%209.63%20C%2053.332%208.656%2051.95%208.119%2050.422%208.119%20Z%20M%2050.422%2016.692%20C%2048.72%2016.692%2047.532%2015.385%2047.532%2013.511%20C%2047.532%2011.637%2048.72%2010.329%2050.422%2010.329%20C%2052.124%2010.329%2053.332%2011.637%2053.332%2013.511%20C%2053.332%2015.385%2052.135%2016.692%2050.422%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2066.636%2016.497%20L%2060.532%2016.497%20C%2060.362%2016.497%2060.224%2016.359%2060.224%2016.19%20L%2060.224%205.453%20C%2060.224%205.203%2060.021%205.001%2059.771%205.001%20L%2058.093%205.001%20C%2057.843%205.001%2057.64%205.203%2057.64%205.453%20L%2057.64%2018.333%20C%2057.64%2018.582%2057.843%2018.785%2058.093%2018.785%20L%2066.634%2018.785%20C%2066.885%2018.785%2067.088%2018.582%2067.088%2018.333%20L%2067.088%2016.948%20C%2067.088%2016.698%2066.885%2016.496%2066.634%2016.496%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2073.13%208.119%20C%2070.001%208.119%2067.732%2010.386%2067.732%2013.511%20C%2067.732%2016.635%2070.003%2018.922%2073.13%2018.922%20C%2074.657%2018.922%2076.039%2018.382%2077.022%2017.401%20C%2078.006%2016.418%2078.548%2015.037%2078.548%2013.511%20C%2078.548%2011.984%2078.006%2010.609%2077.022%209.63%20C%2076.04%208.656%2074.658%208.119%2073.13%208.119%20Z%20M%2073.13%2016.692%20C%2071.428%2016.692%2070.24%2015.385%2070.24%2013.511%20C%2070.24%2011.637%2071.428%2010.329%2073.13%2010.329%20C%2074.832%2010.329%2076.04%2011.637%2076.04%2013.511%20C%2076.04%2015.385%2074.843%2016.692%2073.13%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2085.228%208.119%20C%2082.099%208.119%2079.829%2010.386%2079.829%2013.511%20C%2079.829%2016.635%2082.1%2018.922%2085.228%2018.922%20C%2086.754%2018.922%2088.136%2018.382%2089.119%2017.401%20C%2090.103%2016.418%2090.645%2015.037%2090.645%2013.511%20C%2090.645%2011.984%2090.103%2010.609%2089.119%209.63%20C%2088.137%208.656%2086.755%208.119%2085.228%208.119%20Z%20M%2085.228%2016.692%20C%2083.526%2016.692%2082.337%2015.385%2082.337%2013.511%20C%2082.337%2011.637%2083.526%2010.329%2085.228%2010.329%20C%2086.93%2010.329%2088.137%2011.637%2088.137%2013.511%20C%2088.137%2015.385%2086.94%2016.692%2085.228%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3Cpath%20d%3D%22M%2097.845%208.119%20C%2096.495%208.119%2095.377%208.586%2094.598%209.472%20L%2094.598%208.667%20C%2094.598%208.428%2094.403%208.234%2094.163%208.234%20L%2092.654%208.234%20C%2092.414%208.234%2092.219%208.428%2092.219%208.667%20L%2092.219%2022.132%20C%2092.219%2022.37%2092.414%2022.564%2092.654%2022.564%20L%2094.275%2022.564%20C%2094.515%2022.564%2094.71%2022.37%2094.71%2022.132%20L%2094.71%2017.637%20C%2095.491%2018.478%2096.571%2018.92%2097.844%2018.92%20C%20100.879%2018.92%20102.999%2016.695%20102.999%2013.509%20C%20102.999%2010.324%20100.879%208.118%2097.844%208.118%20Z%20M%2097.582%2016.692%20C%2095.87%2016.692%2094.673%2015.384%2094.673%2013.511%20C%2094.673%2011.637%2095.87%2010.329%2097.582%2010.329%20C%2099.295%2010.329%20100.473%2011.637%20100.473%2013.511%20C%20100.473%2015.384%2099.284%2016.692%2097.582%2016.692%20Z%22%20fill%3D%22var(--token-8e2b9cac-ff48-47d4-9c7e-7a025fcfd592%2C%20rgb(0%2C%200%2C%200))%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/uWPXSOyUgumFlVyptzfeAhd4o.png
- Social card (og:image): https://framerusercontent.com/images/IY90OzAEa2yvjYGTx79oAkpzOI.png
UI Components
- buttonPrimary: background=#B27DBC, textColor=#000000, borderRadius=500px, shadow=none
- buttonSecondary: background=#E6EAED, textColor=#0000EE, borderRadius=500px, shadow=none
Brand Personality
Tone: modern · Energy: medium · Audience: Researchers and data analysts