GraphQL brand guidelines
The GraphQL brand guidelines detail trademark conventions, color values, typography, and clear space rules for the project's logo and hexagraph mark.
GraphQL brand guidelines page outlining trademark usage, typography, Rhodamine color codes, and logo rules.
Want a brand center like GraphQL’s?
Create your brand center with Freedam ↗Freedam's take
I like how clear and focused this single brand page is for GraphQL. Everything a developer or designer needs to correctly represent the open-source project is laid out directly in view. I noticed they define Rhodamine across multiple color spaces including P3, alongside clear spacing rules for the hexagraph mark. Requiring a checkbox agreement before unlocking the logo download button is a smart, low-friction way to ensure visitors acknowledge proper trademark usage without complicating access.
At a glance
- Sections
- The GraphQL™ Trademark · Color & Typeface · GraphQL Logo & Hexagraph · Spacing · Color use
- Tone
- Clear, technical, and protective of open-source trademark standards.
What I noticed
- The core brand color Rhodamine is specified with P3, RGB, PMS, and CMYK color values.1
- Rubik Light is identified as the typeface for wordmarks and headlines, noting weight and license details.2
- A checkbox confirmation must be checked before enabling buttons to download logo files or request permission.3
- Clear space specifications are visualized using directional measurement arrows around the symbol and logo lockup.4
Numbers refer to the screenshots above.
What I could not see
- Could not inspect the full contents of the downloaded logo package or the specific file formats contained inside.
Ideas to borrow
- Gating logo downloads behind a simple terms checkbox rather than an account login keeps asset distribution accessible while reinforcing trademark compliance.3
Quick answers
What typeface does GraphQL use for headlines and wordmarks?
GraphQL specifies Rubik Light for wordmarks and headlines.2
What is the primary brand color for GraphQL?
The primary brand color is Rhodamine, defined with P3, RGB, PMS, and CMYK color values.1
How can I download the GraphQL logo files?
Visitors must check a confirmation checkbox on the brand page before the 'Download Logo Files' button becomes enabled.3
Reviewed on 25 September 2026. Request a correction · I built this
