Clarify Brand: Colors, Fonts, Logo & Visual Identity
Clarify Brand Identity
A complete profile of Clarify's visual system — colors, typography, components, and personality — extracted from https://www.clarify.ai/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.clarify.ai/.
| Color | Hex | RGB |
|---|---|---|
| primary | #394B63 | rgb(57, 75, 99) |
| secondary | #1E2B3C | rgb(30, 43, 60) |
| accent | #121F31 | rgb(18, 31, 49) |
| background | #FAFAFA | rgb(250, 250, 250) |
| textPrimary | #121F31 | rgb(18, 31, 49) |
| link | #121F31 | rgb(18, 31, 49) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Name |
|---|---|
| primary | TT Interphases Pro Variable |
| heading | PP Mori |
Font Stacks
Heading: PP Mori, ui-sans-serif, sans-serif
Body: TT Interphases Pro Variable, ui-sans-serif
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M92.5913%208.16C91.333%208.16%2090.3631%208.76261%2090.3631%2010.1512V10.78H93.5349V14.2909H90.3631V23.6444H86.667V14.2909H84.2816V10.78H86.667V10.0726C86.667%206.64039%2088.7379%204.64917%2091.7524%204.64917C92.3029%204.64917%2093.0369%204.72777%2093.5349%204.85877V8.26481C93.2728%208.18621%2092.9058%208.16%2092.5913%208.16Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M80.9995%204.54443C82.2315%204.54443%2083.2538%205.56624%2083.2538%206.77146C83.2538%208.00287%2082.2315%209.02468%2080.9995%209.02468C79.7674%209.02468%2078.7451%208.00287%2078.7451%206.77146C78.7451%205.56624%2079.7674%204.54443%2080.9995%204.54443ZM79.1645%2010.7801H82.8606V23.6444H79.1645V10.7801Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M76.6791%2010.5181C77.0723%2010.5181%2077.4917%2010.5967%2077.9111%2010.6753V14.0289C77.4655%2013.9241%2077.0199%2013.8455%2076.5743%2013.8455C74.7917%2013.8455%2073.35%2014.9197%2073.35%2017.3039V23.6444H69.6539V10.7801H73.35V12.2473C74.1102%2011.1469%2075.2374%2010.5181%2076.6791%2010.5181Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.4234%2010.7801H68.1194V23.6444H64.4234V21.8104C63.5321%2023.1466%2062.1428%2023.9064%2060.3341%2023.9064C57.005%2023.9064%2054.3574%2020.8934%2054.3574%2017.1991C54.3574%2013.5049%2057.005%2010.5181%2060.3341%2010.5181C62.1428%2010.5181%2063.5321%2011.2779%2064.4234%2012.6141V10.7801ZM61.1991%2020.3694C63.0078%2020.3694%2064.4234%2019.0069%2064.4234%2017.1991C64.4234%2015.4175%2063.0078%2014.0289%2061.1991%2014.0289C59.4166%2014.0289%2057.9749%2015.4437%2057.9749%2017.1991C57.9749%2018.9807%2059.4166%2020.3694%2061.1991%2020.3694Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M53.1955%205.3042V23.6444H49.4994V5.3042H53.1955Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.3328%2023.9064C34.0115%2023.9064%2030.0271%2019.8454%2030.0271%2014.4743C30.0271%209.10328%2034.0115%205.04224%2039.3328%205.04224C43.6581%205.04224%2047.5376%207.89806%2048.0619%2011.7495H43.7367C43.2386%2010.0465%2041.4561%208.81507%2039.3328%208.81507C36.3183%208.81507%2034.0115%2011.2517%2034.0115%2014.4743C34.0115%2017.697%2036.3183%2020.1336%2039.3328%2020.1336C41.4823%2020.1336%2043.2911%2018.7974%2043.7629%2016.9634H48.1143C47.4066%2021.0506%2043.8153%2023.9064%2039.3328%2023.9064Z%22%20fill%3D%22%23121F31%22%20style%3D%22fill%3A%20rgb(18%2C%2031%2C%2049)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0.000245571%2012.2556C0.183873%2011.0494%200.554774%209.91167%201.08453%208.85829C1.14001%208.74797%201.26794%208.69583%201.38561%208.73338L5.89886%2010.1735C6.13426%2010.2486%206.32797%209.97825%206.18106%209.77965L3.4005%206.02068C3.32542%205.91919%203.33588%205.77782%203.42701%205.69044C4.24125%204.90974%205.16983%204.24464%206.18561%203.72208C6.29509%203.66576%206.42878%203.69849%206.50196%203.79746L9.29535%207.57523C9.44134%207.77267%209.75479%207.66945%209.75479%207.42393V2.77854C9.75479%202.6531%209.84617%202.54606%209.9705%202.52901C10.5025%202.45606%2011.0458%202.41821%2011.5981%202.41821C17.3629%202.41821%2022.1382%206.41142%2023.1236%2011.819C23.1516%2011.9727%2023.0321%2012.1126%2022.8759%2012.1126H16.8706C16.7658%2012.1126%2016.6722%2012.048%2016.6307%2011.9518C15.8172%2010.0612%2013.913%208.73361%2011.6918%208.73358C8.73172%208.73358%206.33123%2011.0913%206.3312%2013.9987C6.3312%2016.9062%208.73171%2019.2639%2011.6918%2019.2639C13.9749%2019.2638%2015.9231%2017.8613%2016.6963%2015.8863C16.6965%2015.8857%2016.6973%2015.8855%2016.6978%2015.8859C16.698%2015.8861%2016.6982%2015.8862%2016.6985%2015.8862H22.873C23.0303%2015.8862%2023.1501%2016.0278%2023.1203%2016.1821C22.0866%2021.5354%2017.321%2025.5819%2011.5981%2025.5819C10.4171%2025.5819%209.98998%2025.5154%209.83788%2025.4734C9.78213%2025.4579%209.75598%2025.4081%209.75598%2025.3503V20.5759C9.75598%2020.3304%209.44259%2020.2271%209.29657%2020.4245L6.50197%2024.2024C6.42878%2024.3013%206.29508%2024.3342%206.18635%2024.2765C5.28181%2023.7965%204.19103%2022.9845%203.43733%2022.309C3.34097%2022.2226%203.32791%2022.0774%203.40485%2021.9734L6.18105%2018.2204C6.32797%2018.0218%206.13426%2017.7515%205.89886%2017.8266L1.35649%2019.2759C1.25233%2019.3091%201.13964%2019.2718%201.08369%2019.1779C0.86642%2018.8134%200.341064%2017.7867%200.0343988%2015.9578C0.0136996%2015.8344%200.0877871%2015.715%200.207069%2015.6769L4.70367%2014.2413C4.93992%2014.1659%204.93989%2013.8317%204.70362%2013.7563L0.000245571%2012.2556C0.000670637%2012.2528%20-0.000181509%2012.2584%200.000245571%2012.2556Z%22%20fill%3D%22url(%23paint0_linear_1424_111)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint0_linear_1424_111%26quot%3B)%20!important%3B%22%2F%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3ClinearGradient%20id%3D%22paint0_linear_1424_111%22%20x1%3D%2217.958%22%20y1%3D%226.27232%22%20x2%3D%224.2484%22%20y2%3D%2224.666%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20stop-color%3D%22%231C8869%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(28%2C%20136%2C%20105)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2311D79F%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(17%2C%20215%2C%20159)%20!important%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Clarify's actual button styles.
Button Primary
background: #FAFAFA
textColor: #121F31
borderRadius: 9999px
shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(15, 23, 42, 0.12) 0px 0px 0px 0.75px inset
Button Secondary
background: #FEFEFE
textColor: #121F31
borderRadius: 0px
shadow: none
Brand Personality
Tone: professional
Energy: medium
Audience: founder-led startups
Frequently Asked Questions
What is Clarify's primary brand color?
Clarify's primary brand color is #394B63. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Clarify use?
Clarify uses #121F31 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Clarify use?
Clarify uses TT Interphases Pro Variable for body text and PP Mori for headings. Fonts were detected on https://www.clarify.ai/ as part of their live design system.
Does Clarify use a light or dark theme?
Clarify's primary site uses a light color scheme, with a background of #FAFAFA.
Where can I find Clarify's logo?
Clarify's logo is available directly on their site (https://www.clarify.ai/). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://www.clarify.ai/ 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 Clarify.