Quartzy Brand Identity

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

Color Palette

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

• primary: #F15A29 (rgb(241, 90, 41))
• secondary: #FF8251 (rgb(255, 130, 81))
• accent: #2BAAE1 (rgb(43, 170, 225))
• background: #EBECEC (rgb(235, 236, 236))
• textPrimary: #1E2025 (rgb(30, 32, 37))
• link: #2BAAE1 (rgb(43, 170, 225))

Typography

Each font links to its Google Fonts page where available.

• primary: Proxima Nova Google Fonts →
• heading: Proxima Nova Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%0A%3Cpath%20class%3D%22logo-path-orange%22%20d%3D%22M94.86%2C12.66V32.85c0%2C7.06-4%2C10.61-10%2C10.61S75%2C39.91%2C75%2C32.85V12.66H66.44V32.85c0%2C12.25%2C7.82%2C19.3%2C18.45%2C19.31h0c10.64%2C0%2C18.45-7.06%2C18.45-19.31V12.66Z%22%20transform%3D%22translate(-10.76%20-11.46)%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cpath%20class%3D%22logo-path-orange%22%20d%3D%22M51.75%2C49.57l-4.59-4.73a20.51%2C20.51%2C0%2C1%2C0-6.65%2C5.38l5.12%2C5.28ZM19.39%2C32A11.87%2C11.87%2C0%2C1%2C1%2C31.25%2C43.82%2C11.88%2C11.88%2C0%2C0%2C1%2C19.39%2C32Z%22%20transform%3D%22translate(-10.76%20-11.46)%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cpath%20class%3D%22logo-path-orange%22%20d%3D%22M210%2C51.43l-10.4-13.87a13.17%2C13.17%2C0%2C0%2C0-6-24.9H174.76V51.43h8.52V39H190l9.3%2C12.42ZM183.28%2C21.18h10.31a4.65%2C4.65%2C0%2C1%2C1%2C0%2C9.31H183.28Z%22%20transform%3D%22translate(-10.76%20-11.46)%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cpath%20class%3D%22logo-path-orange%22%20d%3D%22M150.26%2C51.43h9.46L141.48%2C12.66h-7.92L115.34%2C51.43h9.46l3.72-8h18Zm-18.11-16%2C5.38-11.14%2C5.42%2C11.14Z%22%20transform%3D%22translate(-10.76%20-11.46)%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cpolygon%20class%3D%22logo-path-orange%22%20points%3D%22246.7%201.2%20209.6%201.2%20209.6%209.72%20223.9%209.72%20223.9%2039.97%20232.41%2039.97%20232.41%209.72%20246.7%209.72%20246.7%201.2%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cpolygon%20class%3D%22logo-path-orange%22%20points%3D%22354.13%201.2%20342.94%201.2%20331.13%2015.07%20319.31%201.2%20308.13%201.2%20326.87%2023.23%20326.87%2039.97%20335.39%2039.97%20335.39%2023.22%20354.13%201.2%22%20style%3D%22fill%3A%20rgb(241%2C%2090%2C%2041)%20!important%3B%22%2F%3E%0A%3Cimage%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20src%3D%22%2F%2Fd2zruwytl6b6e6.cloudfront.net%2Fstatic%2Fimages%2Flogo-orange.png%22%20xlink%3Ahref%3D%22%22%2F%3E%0A%3C%2Fsvg%3E)

UI Components

Live previews rendered using Quartzy's actual button styles.

Button Primary

• background: #2BAAE1
• textColor: #FFFFFF
• borderColor: #2BAAE1
• borderRadius: 5px
• shadow: none

Button Secondary

• background: #F15A29
• textColor: #FFFFFF
• borderColor: #F15A29
• borderRadius: 5px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: laboratory and research professionals

Quartzy Brand in the Wild

Image: blog.quartzy.com

Frequently Asked Questions

What is Quartzy's primary brand color?

Quartzy's primary brand color is #F15A29. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Quartzy use?

Quartzy uses #2BAAE1 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Quartzy use?

Quartzy uses Proxima Nova as the primary typeface across body and headings.

Does Quartzy use a light or dark theme?

Quartzy's primary site uses a light color scheme, with a background of #EBECEC.

Where can I find Quartzy's logo?

Quartzy's logo is available directly on their site (https://www.quartzy.com). 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.quartzy.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 Quartzy.