Cranston AI Brand Identity

A complete profile of Cranston AI's visual system — colors, typography, components, and personality — extracted from https://www.cranstonai.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.cranstonai.com/.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M417.505%2051.6V74.4H412.305C406.038%2074.4%20400.571%2075.7333%20395.905%2078.4C391.238%2080.9333%20387.638%2084.4667%20385.105%2089C382.571%2093.5333%20381.305%2098.6667%20381.305%20104.4V156.4H357.905V52.4H381.305V72.4C383.171%2068%20385.705%2064.2667%20388.905%2061.2C392.105%2058.1333%20395.771%2055.8%20399.905%2054.2C404.171%2052.4667%20408.638%2051.6%20413.305%2051.6H417.505Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M489.627%2098.4L497.627%20100C497.093%20101.333%20496.027%20102.533%20494.427%20103.6C492.96%20104.667%20491.427%20105.333%20489.827%20105.6L463.827%20110.4C460.093%20110.933%20456.693%20111.8%20453.627%20113C450.56%20114.067%20448.093%20115.667%20446.227%20117.8C444.493%20119.8%20443.627%20122.6%20443.627%20126.2C443.627%20129.533%20444.427%20132.333%20446.027%20134.6C447.627%20136.733%20449.76%20138.4%20452.427%20139.6C455.227%20140.667%20458.36%20141.2%20461.827%20141.2C466.76%20141.2%20471.293%20140.267%20475.427%20138.4C479.693%20136.4%20483.093%20133.467%20485.627%20129.6C488.293%20125.733%20489.627%20120.933%20489.627%20115.2V98.4ZM479.227%2091.6C482.693%2091.0667%20485.293%2090%20487.027%2088.4C488.76%2086.6667%20489.627%2084.3333%20489.627%2081.4C489.627%2077.5333%20487.893%2074.3333%20484.427%2071.8C481.093%2069.1333%20476.493%2067.8%20470.627%2067.8C464.493%2067.8%20459.56%2069.3333%20455.827%2072.4C452.227%2075.3333%20450.093%2079.2%20449.427%2084H426.627C427.293%2077.6%20429.427%2071.8667%20433.027%2066.8C436.627%2061.7333%20441.56%2057.6667%20447.827%2054.6C454.227%2051.5333%20461.893%2050%20470.827%2050C484.96%2050%20495.36%2053.4%20502.027%2060.2C508.693%2066.8667%20512.027%2076.0667%20512.027%2087.8V135.2C512.027%20138.667%20512.093%20142.133%20512.227%20145.6C512.493%20149.067%20512.827%20152.667%20513.227%20156.4H491.627C491.093%20153.733%20490.693%20150.867%20490.427%20147.8C490.293%20144.733%20490.16%20141.733%20490.027%20138.8L491.227%20141.4C488.56%20146.333%20484.16%20150.467%20478.027%20153.8C472.027%20157%20465.493%20158.6%20458.427%20158.6C451.893%20158.6%20445.827%20157.4%20440.227%20155C434.76%20152.467%20430.36%20148.867%20427.027%20144.2C423.693%20139.533%20422.027%20133.933%20422.027%20127.4C422.027%20120.333%20423.627%20114.6%20426.827%20110.2C430.027%20105.8%20434.36%20102.4%20439.827%20100C445.427%2097.6%20451.627%2095.8667%20458.427%2094.8L479.227%2091.6Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M534.267%20156.4V52.4H557.467V66C559.334%2063.2%20561.667%2060.6%20564.467%2058.2C567.401%2055.8%20570.867%2053.8667%20574.867%2052.4C578.867%2050.8%20583.334%2050%20588.267%2050C595.601%2050%20601.867%2051.6667%20607.067%2055C612.401%2058.2%20616.534%2062.7333%20619.467%2068.6C622.401%2074.3333%20623.867%2081%20623.867%2088.6V156.4H600.667V93.2C600.667%2088.4%20599.934%2084.2667%20598.467%2080.8C597.001%2077.2%20594.734%2074.4%20591.667%2072.4C588.6%2070.4%20584.734%2069.4%20580.067%2069.4C576.201%2069.4%20572.534%2070.3333%20569.067%2072.2C565.601%2074.0667%20562.801%2076.8667%20560.667%2080.6C558.534%2084.3333%20557.467%2089%20557.467%2094.6V156.4H534.267Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M638.786%20123.4H661.786C662.453%20128.6%20664.853%20132.867%20668.986%20136.2C673.119%20139.4%20678.519%20141%20685.186%20141C688.919%20141%20692.253%20140.467%20695.186%20139.4C698.253%20138.333%20700.719%20136.8%20702.586%20134.8C704.453%20132.8%20705.386%20130.333%20705.386%20127.4C705.386%20124.333%20704.453%20121.867%20702.586%20120C700.853%20118.133%20697.853%20116.733%20693.586%20115.8L668.186%20110.4C663.386%20109.333%20658.986%20107.8%20654.986%20105.8C651.119%20103.667%20648.053%20100.8%20645.786%2097.2C643.519%2093.4667%20642.386%2088.7333%20642.386%2083C642.386%2077%20644.053%2071.5333%20647.386%2066.6C650.853%2061.5333%20655.653%2057.5333%20661.786%2054.6C667.919%2051.5333%20675.053%2050%20683.186%2050C691.986%2050%20699.519%2051.4667%20705.786%2054.4C712.053%2057.2%20716.986%2061.2%20720.586%2066.4C724.186%2071.4667%20726.253%2077.3333%20726.786%2084H704.186C703.653%2079.3333%20701.586%2075.4667%20697.986%2072.4C694.386%2069.3333%20689.453%2067.8%20683.186%2067.8C677.719%2067.8%20673.253%2069.0667%20669.786%2071.6C666.319%2074.1333%20664.586%2077.3333%20664.586%2081.2C664.586%2084.1333%20665.519%2086.4667%20667.386%2088.2C669.253%2089.8%20671.853%2090.9333%20675.186%2091.6L701.586%2097.2C710.119%2098.9333%20716.653%20102.2%20721.186%20107C725.719%20111.8%20727.986%20117.933%20727.986%20125.4C727.986%20132.2%20726.053%20138.133%20722.186%20143.2C718.453%20148.133%20713.319%20152%20706.786%20154.8C700.386%20157.467%20693.186%20158.8%20685.186%20158.8C675.986%20158.8%20667.986%20157.267%20661.186%20154.2C654.386%20151%20649.053%20146.733%20645.186%20141.4C641.453%20136.067%20639.319%20130.067%20638.786%20123.4Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M748.861%20129.2V71.2H733.661V52.4H748.861V26H771.461V52.4H795.061V71.2H771.461V126.4C771.461%20130.4%20772.328%20133.2%20774.061%20134.8C775.928%20136.4%20778.794%20137.2%20782.661%20137.2H795.061V156.4H776.661C768.261%20156.4%20761.528%20154.2%20756.461%20149.8C751.394%20145.4%20748.861%20138.533%20748.861%20129.2Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M903.263%20104.4C903.263%20114.933%20901.129%20124.333%20896.862%20132.6C892.729%20140.733%20886.929%20147.133%20879.463%20151.8C871.996%20156.467%20863.396%20158.8%20853.662%20158.8C844.062%20158.8%20835.529%20156.467%20828.062%20151.8C820.596%20147.133%20814.729%20140.733%20810.463%20132.6C806.196%20124.333%20804.062%20114.933%20804.062%20104.4C804.062%2093.7333%20806.196%2084.3333%20810.463%2076.2C814.729%2068.0667%20820.596%2061.6667%20828.062%2057C835.529%2052.3333%20844.062%2050%20853.662%2050C863.396%2050%20871.996%2052.3333%20879.463%2057C886.929%2061.6667%20892.729%2068.0667%20896.862%2076.2C901.129%2084.3333%20903.263%2093.7333%20903.263%20104.4ZM827.263%20104.4C827.263%20111.467%20828.263%20117.667%20830.263%20123C832.396%20128.333%20835.396%20132.533%20839.263%20135.6C843.263%20138.667%20848.062%20140.2%20853.662%20140.2C859.262%20140.2%20863.996%20138.667%20867.862%20135.6C871.862%20132.533%20874.862%20128.333%20876.862%20123C878.996%20117.667%20880.062%20111.467%20880.062%20104.4C880.062%2097.3333%20878.996%2091.1333%20876.862%2085.8C874.862%2080.3333%20871.862%2076.1333%20867.862%2073.2C863.996%2070.1333%20859.262%2068.6%20853.662%2068.6C848.062%2068.6%20843.263%2070.1333%20839.263%2073.2C835.396%2076.1333%20832.396%2080.3333%20830.263%2085.8C828.263%2091.1333%20827.263%2097.3333%20827.263%20104.4Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M920.595%20156.4V52.4H943.795V66C945.662%2063.2%20947.995%2060.6%20950.795%2058.2C953.729%2055.8%20957.195%2053.8667%20961.195%2052.4C965.195%2050.8%20969.662%2050%20974.595%2050C981.929%2050%20988.195%2051.6667%20993.395%2055C998.729%2058.2%201002.86%2062.7333%201005.8%2068.6C1008.73%2074.3333%201010.2%2081%201010.2%2088.6V156.4H986.995V93.2C986.995%2088.4%20986.262%2084.2667%20984.795%2080.8C983.329%2077.2%20981.062%2074.4%20977.995%2072.4C974.929%2070.4%20971.062%2069.4%20966.395%2069.4C962.529%2069.4%20958.862%2070.3333%20955.395%2072.2C951.929%2074.0667%20949.129%2076.8667%20946.995%2080.6C944.862%2084.3333%20943.795%2089%20943.795%2094.6V156.4H920.595Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M138.994%2077.2734C139.837%2077.7519%20170.298%2095.2573%20160.618%20119.808C160.503%20120.012%20160.388%20120.216%20160.269%20120.418C154.025%20131.085%20130.204%20155.432%20114.71%20163.084C112.904%20163.976%20111.17%20164.755%20109.503%20165.432C82.9047%20174.127%2072.2381%20131.635%2071.8504%20130.051C94.6204%20117.657%20123.525%2097.3281%20138.994%2077.2734ZM38.1072%209.96387C36.0527%2015.4981%2036.6235%2023.5675%2037.6072%2029.9141C37.673%2030.4227%2037.7392%2030.9084%2037.8074%2031.3652C37.868%2031.7704%2038.0224%2032.5384%2038.2567%2033.623C38.8725%2036.7824%2039.4727%2039.0614%2039.6258%2039.627C39.6235%2039.6268%2039.6212%2039.6271%2039.619%2039.627C44.7389%2061.5857%2059.0662%20119.113%2063.5106%20134.56C63.8511%20135.743%2064.21%20136.899%2064.5838%20138.027C66.8191%20144.997%2072.4439%20159.978%2081.0115%20165.808C80.966%20165.784%2080.9212%20165.759%2080.8758%20165.735C77.616%20164.289%2068.6574%20160.345%2066.826%20159.463C64.5145%20158.35%2032.7868%20143.961%2022.367%20136.788C11.9472%20129.615%205.42813%20105.207%203.3797%2095.6025C1.38277%2086.2396%20-2.22747%2061.5901%201.88166%2055.5742C5.99085%2049.5583%2038.0902%209.84762%2038.0389%2010.0781C38.013%2010.1525%2037.9895%2010.2284%2037.9647%2010.3047C38.0111%2010.1892%2038.0578%2010.0752%2038.1072%209.96387ZM150.975%2074.9053C151.381%2075.2382%20151.785%2075.5788%20152.187%2075.9258C149.018%2073.2201%20146.015%2071.1507%20144.032%2069.9443L144.034%2069.9424C137.624%2065.8622%20130.079%2062.2131%20121.435%2058.6162C100.835%2050.0439%2085.5585%2046.545%2069.3563%2043.5566C61.4874%2042.1053%2054.2191%2041.136%2048.824%2040.5215C48.1081%2038.4864%2035.6739%202.18581%2058.9569%200.0263672C59.8452%200.00873822%2060.7656%200%2061.7186%200C74.6547%200.000202606%20110.811%209.62792%20122.361%2014.3643C133.911%2019.1006%20146.433%2026.8751%20150.137%2036.374C153.739%2045.6131%20163.471%2086.4185%20164.001%2090.1328C161.804%2085.7312%20158.406%2081.7156%20154.915%2078.3838C153.675%2077.1836%20152.361%2076.0267%20150.975%2074.9053ZM150.811%2074.7715L150.963%2074.8945C150.967%2074.898%20150.971%2074.9018%20150.975%2074.9053C150.921%2074.8609%20150.866%2074.8157%20150.811%2074.7715Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

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

Input

• background: transparent
• textColor: #101828
• borderColor: null
• borderRadius: 0px
• shadow: none

Button Primary

• background: #29333E
• textColor: #FFFFFF
• borderRadius: 8px
• shadow: none

Button Secondary

• background: #D5E5FF
• textColor: #51A2FF
• borderRadius: 4px
• shadow: none

Brand Personality

Tone: professional

Energy: medium

Audience: accounting and finance professionals

Frequently Asked Questions

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

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

2. What accent color does Cranston AI use?

   • Cranston AI uses #29333E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. What font does Cranston AI use?

   • Cranston AI uses CustomSans for body text and CustomSerif for headings. Fonts were detected on https://www.cranstonai.com/ as part of their live design system.

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

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

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

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

6. How was this brand profile generated?

   • This profile was extracted from https://www.cranstonai.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Cranston AI.