Clearly AI Brand: Colors, Fonts, Logo & Visual Identity

Clearly AI Brand Identity

A complete profile of Clearly AI's visual system — colors, typography, components, and personality — extracted from https://clearly-ai.com.

Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://clearly-ai.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2026.566%2019.509%20C%2026.569%2019.535%2026.572%2019.56%2026.575%2019.586%20C%2026.656%2021.444%2024.983%2022.821%2023.677%2023.879%20C%2020.342%2026.397%2016.299%2026.704%2012.617%2025.339%20C%2012.586%2025.33%2012.555%2025.32%2012.524%2025.317%20C%2012.283%2025.301%2012.033%2025.371%2011.802%2025.451%20C%208.139%2026.701%204.735%2025.304%202.634%2022.321%20C%20-1.369%2016.58%20-0.966%206.083%204.926%201.646%20C%205.344%201.33%205.819%201.075%206.294%200.868%20C%206.809%200.639%207.349%200.47%207.902%200.364%20C%208.464%200.259%209.038%200.221%209.61%200.243%20C%209.788%200.25%209.962%200.266%2010.138%200.285%20C%2010.469%200.32%2010.796%200.374%2011.121%200.447%20C%2011.206%200.463%2011.29%200.486%2011.371%200.517%20C%2011.396%200.527%2011.405%200.546%2011.39%200.572%20C%2011.38%200.591%2011.362%200.604%2011.346%200.616%20C%2011.324%200.633%2011.302%200.645%2011.28%200.661%20C%2011.237%200.69%2011.19%200.716%2011.146%200.744%20C%2011.05%200.805%2010.956%200.865%2010.862%200.929%20C%2010.734%201.012%2010.606%201.098%2010.478%201.184%20C%2010.347%201.267%2010.219%201.353%2010.091%201.439%20C%209.907%201.563%209.719%201.688%209.532%201.812%20C%209.482%201.847%209.422%201.863%209.36%201.866%20C%20-0.811%202.239%20-0.864%2024.326%209.456%2024.221%20C%209.472%2024.221%209.485%2024.221%209.5%2024.218%20C%2014.193%2023.823%2017.045%2019.06%2021.519%2017.747%20L%2021.516%2017.75%20C%2023.524%2017.234%2026.125%2017.329%2026.566%2019.509%20Z%20M%2024.891%2019.962%20C%2024.913%2019.803%2024.842%2019.64%2024.729%2019.529%20C%2023.989%2018.814%2022.35%2019.203%2021.485%2019.478%20C%2020.161%2019.972%2019.018%2020.836%2017.875%2021.655%20C%2016.801%2022.49%2015.568%2023.303%2014.5%2024.138%20L%2014.509%2024.183%20C%2017.579%2025.136%2021.054%2024.135%2023.412%2021.983%20C%2023.936%2021.512%2024.505%2020.918%2024.801%2020.275%20C%2024.845%2020.169%2024.879%2020.064%2024.891%2019.962%20Z%2522%20fill%3D%2522rgb(49%2C112%2C230)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2037.572%206.237%20C%2038.503%205.642%2039.585%205.345%2040.816%205.345%20C%2042.213%205.345%2043.319%205.685%2044.134%206.364%20C%2044.949%207.026%2045.49%207.909%2045.756%209.013%20L%2048.077%209.013%20C%2047.727%207.247%2046.929%205.88%2045.681%204.912%20C%2044.434%203.944%2042.812%203.461%2040.816%203.461%20C%2039.119%203.461%2037.647%203.851%2036.399%204.632%20C%2035.168%205.396%2034.22%206.475%2033.555%207.867%20C%2032.889%209.243%2032.557%2010.848%2032.557%2012.681%20C%2032.557%2014.515%2032.889%2016.129%2033.555%2017.521%20C%2034.22%2018.896%2035.168%2019.975%2036.399%2020.756%20C%2037.647%2021.52%2039.119%2021.902%2040.816%2021.902%20C%2042.812%2021.902%2044.434%2021.418%2045.681%2020.451%20C%2046.929%2019.483%2047.727%2018.141%2048.077%2016.426%20L%2045.756%2016.426%20C%2045.49%2017.513%2044.949%2018.387%2044.134%2019.05%20C%2043.319%2019.695%2042.213%2020.018%2040.816%2020.018%20C%2039.585%2020.018%2038.504%2019.729%2037.572%2019.152%20C%2036.657%2018.557%2035.95%2017.717%2035.451%2016.63%20C%2034.952%2015.526%2034.702%2014.21%2034.702%2012.682%20C%2034.702%2011.154%2034.952%209.846%2035.451%208.759%20C%2035.95%207.656%2036.657%206.814%2037.572%206.237%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2064.658%209.293%20C%2063.793%208.733%2062.745%208.453%2061.514%208.453%20C%2060.283%208.453%2059.252%208.733%2058.32%209.293%20C%2057.405%209.854%2056.69%2010.635%2056.174%2011.637%20C%2055.675%2012.639%2055.426%2013.819%2055.426%2015.177%20C%2055.426%2016.536%2055.684%2017.699%2056.199%2018.718%20C%2056.715%2019.72%2057.43%2020.5%2058.345%2021.061%20C%2059.26%2021.621%2060.3%2021.902%2061.464%2021.902%20C%2062.446%2021.902%2063.302%2021.723%2064.034%2021.367%20C%2064.782%2021.01%2065.406%2020.535%2065.905%2019.94%20C%2066.404%2019.329%2066.762%2018.633%2066.978%2017.852%20L%2064.907%2017.852%20C%2064.641%2018.548%2064.217%2019.1%2063.635%2019.507%20C%2063.07%2019.898%2062.346%2020.093%2061.464%2020.093%20C%2060.766%2020.093%2060.109%2019.915%2059.493%2019.559%20C%2058.895%2019.202%2058.404%2018.667%2058.021%2017.954%20C%2057.697%2017.323%2057.517%2016.558%2057.48%2015.662%20L%2067.303%2015.662%20C%2067.32%2015.424%2067.328%2015.212%2067.328%2015.025%20L%2067.328%2014.49%20C%2067.328%2013.403%2067.095%2012.41%2066.629%2011.51%20C%2066.18%2010.593%2065.523%209.853%2064.658%209.293%20Z%20M%2057.497%2014.006%20C%2057.559%2013.312%2057.733%2012.717%2058.021%2012.223%20C%2058.387%2011.578%2058.877%2011.094%2059.493%2010.771%20C%2060.108%2010.432%2060.766%2010.262%2061.464%2010.262%20C%2062.529%2010.262%2063.41%2010.593%2064.109%2011.255%20C%2064.824%2011.918%2065.206%2012.835%2065.257%2014.006%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2077.206%209.115%20C%2076.441%208.673%2075.477%208.453%2074.312%208.453%20C%2073.464%208.453%2072.649%208.622%2071.867%208.962%20C%2071.085%209.285%2070.436%209.76%2069.92%2010.389%20C%2069.421%2011%2069.122%2011.764%2069.022%2012.681%20L%2071.168%2012.681%20C%2071.301%2011.883%2071.659%2011.28%2072.241%2010.872%20C%2072.823%2010.465%2073.513%2010.261%2074.311%2010.261%20C%2074.994%2010.261%2075.559%2010.397%2076.008%2010.669%20C%2076.474%2010.94%2076.824%2011.348%2077.056%2011.891%20C%2077.306%2012.418%2077.431%2013.08%2077.431%2013.878%20L%2074.113%2013.878%20C%2073.015%2013.878%2072.058%2014.04%2071.243%2014.362%20C%2070.444%2014.668%2069.821%2015.126%2069.372%2015.738%20C%2068.939%2016.332%2068.723%2017.062%2068.723%2017.928%20C%2068.723%2018.642%2068.889%2019.303%2069.222%2019.915%20C%2069.555%2020.509%2070.062%2020.994%2070.744%2021.367%20C%2071.426%2021.723%2072.275%2021.902%2073.289%2021.902%20C%2073.855%2021.902%2074.362%2021.834%2074.811%2021.698%20C%2075.26%2021.562%2075.652%2021.384%2075.984%2021.163%20C%2076.333%2020.926%2076.633%2020.654%2076.882%2020.348%20C%2077.149%2020.025%2077.365%2019.686%2077.531%2019.329%20L%2077.656%2021.596%20L%2079.528%2021.596%20L%2079.528%2013.649%20C%2079.528%2012.596%2079.337%2011.688%2078.954%2010.923%20C%2078.571%2010.142%2077.988%209.54%2077.206%209.115%20Z%20M%2077.43%2015.611%20C%2077.43%2016.188%2077.339%2016.74%2077.156%2017.266%20C%2076.99%2017.793%2076.74%2018.276%2076.408%2018.718%20C%2076.075%2019.142%2075.668%2019.482%2075.185%2019.737%20C%2074.719%2019.974%2074.195%2020.093%2073.613%2020.093%20C%2073.031%2020.093%2072.557%2020%2072.141%2019.813%20C%2071.742%2019.626%2071.434%2019.363%2071.218%2019.024%20C%2071.018%2018.684%2070.918%2018.285%2070.918%2017.827%20C%2070.918%2017.369%2071.026%2016.995%2071.243%2016.655%20C%2071.459%2016.299%2071.816%2016.027%2072.315%2015.84%20C%2072.814%2015.636%2073.472%2015.534%2074.287%2015.534%20L%2077.43%2015.534%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2084.951%209.727%20C%2084.519%2010.134%2084.161%2010.626%2083.878%2011.204%20L%2083.728%208.759%20L%2081.832%208.759%20L%2081.832%2021.597%20L%2083.928%2021.597%20L%2083.928%2014.974%20C%2083.928%2014.159%2084.028%2013.48%2084.228%2012.936%20C%2084.444%2012.376%2084.735%2011.934%2085.101%2011.612%20C%2085.484%2011.289%2085.917%2011.06%2086.399%2010.924%20C%2086.882%2010.771%2087.389%2010.695%2087.922%2010.695%20L%2088.695%2010.695%20L%2088.695%208.453%20C%2087.896%208.453%2087.181%208.564%2086.549%208.784%20C%2085.933%209.005%2085.4%209.319%2084.951%209.727%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2052.643%2019.488%20C%2052.412%2019.336%2052.264%2019.133%2052.199%2018.879%20C%2052.133%2018.608%2052.1%2018.227%2052.1%2017.736%20L%2052.1%203.323%20L%2050.002%203.323%20L%2050.002%2018.066%20C%2050.002%2019.404%2050.265%2020.326%2050.792%2020.834%20C%2051.319%2021.343%2052.133%2021.596%2053.236%2021.596%20L%2054.396%2021.596%20L%2054.396%2019.692%20L%2053.73%2019.692%20C%2053.236%2019.692%2052.873%2019.623%2052.643%2019.488%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2092.512%2019.488%20C%2092.282%２０１９.336%2092.133%２０１９.133%２０９2.068%２０１8.879%20C%2092.002%２０１8.608%2091.969%２０１8.227%２０９1.969%２０１7.736%20L%2091.969%203.323%20L%2089.871%203.323%20L%2089.871%２０１8.066%20C%2089.871%２０１9.404%2090.134%２０２０.326%2090.661%２０２０.834%20C%2091.188%２０２1.343%2092.002%２０２1.596%２０９3.105%２０２1.596%20L%2094.265%２０２1.596%20L%2094.265%２０１9.692%20L%2093.599%２０１9.692%20C%2093.105%２０１9.692%２０９2.742%２０１9.623%2092.512%２０１9.488%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%20100.031%２０１8.565%20L%2095.938%208.759%20L%2093.668%208.759%20L%2098.609%2020.17%20L%2098.869%2020.699%20L%2096.263%2027.2%20L%2098.459%2027.2%20L%20106.518%208.759%20L%20104.347%208.759%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%20113.259%203.766%20L%20106.822%2021.597%20L%20109.018%2021.597%20L%20110.633%２０１7.012%20L%２０１18.065%２０１7.012%20L%２０１19.672%2021.597%20L%２０１21.893%2021.597%20L%２０１15.481%203.766%20Z%20M%２０１11.243%２０１5.279%20L%２０１14.357%６.44%20L%２０１17.457%１５.279%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%２０１25.674%203.766%20L%２０１23.578%203.766%20L%２０１23.578%２０２1.597%20L%２０１25.674%2021.597%20Z%2522%20fill%3D%2522rgb(34%2C34%2C34)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Clearly AI's actual button styles.

Brand Personality

Clearly AI Brand in the Wild

Image source: framerusercontent.com

Frequently Asked Questions

  1. What is Clearly AI's primary brand color?

    • Clearly AI's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials.

  2. What accent color does Clearly AI use?

    • Clearly AI uses #3170E6 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

  3. What font does Clearly AI use?

    • Clearly AI uses Inter for body text and Manrope for headings. Fonts were detected on https://clearly-ai.com as part of their live design system.

  4. Does Clearly AI use a light or dark theme?

    • Clearly AI's primary site uses a light color scheme, with a background of #FCFDFF.

  5. Where can I find Clearly AI's logo?

    • Clearly AI's logo is available directly on their site (https://clearly-ai.com). The current logo URL is included in the machine-readable JSON profile linked above.

  6. How was this brand profile generated?