Naming
"Clarity" is a singular term, consistently written with an uppercase "C." It serves as both our company and our application name (not "Clarity app"). When denoting specific releases from Clarity, please use capitalization as you would for proper nouns (e.g., "Clarity Method")
Usage
Provide plenty of space around Clarity assets. Make them big or make them small, but give them room to breathe. They shouldn’t feel cramped or cluttered.
This is a friendly reminder that the provided graphics are proprietary and protected under intellectual property laws. Do not alter these files in any way, display these graphics in a way that implies a relationship, affiliation, or endorsement by Clarity of your product, service, or business. Do not use these graphics as part of your own product, business, or service’s name, or combine these graphics with any other graphics without written consent from Clarity. Get in touch if you have questions.
Clarity wordmark
The Clarity wordmark should be used in all references to Clarity as space allows. Monochrome usage is preferred with the brand colors below.
![[object Object]](/_next/static/media/clarity-white.72540a9c.svg)
![[object Object]](/_next/static/media/double-clarity.711d023f.svg)
Clarity logo
For tight layouts or logo-only grids, the Clarity logomark is a concise way to refer to Clarity. Use with good judgment for your audience, as the Clarity wordmark has stronger brand recognition.
![[object Object]](/_next/static/media/logoicon.002bb372.svg)
![[object Object]](/_next/static/media/purple-logoicon.13c06282.svg)
Clarity Icon
When referring to Clarity as a company, such as on social media, or where a “chip” design is required, it is acceptable to use this stylized icon with an appropriate corner radius.
![[object Object]](/_next/static/media/gray-icon.69f02fc9.svg){kind=icon}
![[object Object]](/_next/static/media/purple-icon.c46dcf3a.svg){kind=icon}
Color
Comfortable against light and dark backgrounds, Clarity primary brand color is a subtle desaturated Purple. The following light and dark accents are preferred for monochrome wordmark usage, while the brand color is typically reserved for backgrounds.
Magic Purple
HEX #8512E0
RGB 133, 18, 224
Shark Gray
HEX #1D2026
RGB 29, 32, 38
Pearl White
HEX #FFFFFF
RGB 255, 255, 255
The Clarity brand is dynamic and ever-evolving.
![[object Object]](/_next/static/media/clarity-logo.54ed833a.svg){kind=logo}
| A Product of
![[object Object]](/_next/static/media/logo.ab45f14b.svg){kind=logo}