Protocol Labs Brand: Colors, Fonts, Logo & Visual Identity
Protocol Labs Brand Identity
A complete profile of Protocol Labs's visual system — colors, typography, components, and personality — extracted from https://protocol.ai/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://protocol.ai/.
- primary: #156FF7
- rgb(21, 111, 247)
- secondary: #002256
- rgb(0, 34, 86)
- accent: #156FF7
- rgb(21, 111, 247)
- background: #F5F6F7
- rgb(245, 246, 247)
- textPrimary: #000000
- rgb(0, 0, 0)
- link: #0F172A
- rgb(15, 23, 42)
Typography
Each font links to its Google Fonts page where available.
- primary: Aileron (Google Fonts →)
- heading: Source Serif Pro (Google Fonts →)
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
CharacterQuilt.com suggests this flow that can help:
1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.
Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.
Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.
Visual Assets
UI Components
Live previews rendered using Protocol Labs's actual button styles.
Button Primary
- background: #156FF7
- textColor: #FFFFFF
- borderRadius: 9999px
- shadow: none
Button Secondary
- background: transparent
- textColor: #002256
- borderRadius: 9999px
- shadow: rgb(245, 246, 247) 0px 1000px 1px 0px inset
Brand Personality
- Tone: professional
- Energy: medium
- Audience: tech professionals and developers
Protocol Labs Brand in the Wild
Source: protocol.ai
Source: protocol.ai
Source: research.protocol.ai
Source: protocol.ai
Source: protocol.ai
Source: protocol.ai
Frequently Asked Questions
What is Protocol Labs's primary brand color? Protocol Labs's primary brand color is #156FF7.
What font does Protocol Labs use? Protocol Labs uses Aileron for body text and Source Serif Pro for headings.
Does Protocol Labs use a light or dark theme? Protocol Labs's primary site uses a light color scheme, with a background of #F5F6F7.
Where can I find Protocol Labs's logo? Protocol Labs's logo is available directly on their site (https://protocol.ai/).
How was this brand profile generated? This profile was extracted from https://protocol.ai/ using the Firecrawl branding extraction API.