# Supadock Brand Identity

A complete profile of **Supadock**'s visual system — colors, typography, components, and personality — extracted from [https://getsupadock.com](https://getsupadock.com/). Built for designers, agents, and AI tools.

## Color Palette
Brand palette extracted from https://getsupadock.com.

- **primary:** #3B82F6
- **secondary:** #629BF8
- **accent:** #3B82F6
- **background:** #FFFFFF
- **textPrimary:** #3B82F6
- **link:** #3B82F6

## Typography
Each font links to its Google Fonts page where available.

- **primary:** Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)
- **heading:** Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)

```
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

%20!important%3B%20stop-opacity%3A%201%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20rgb(221%2C%20214%2C%20254)%20!important%3B%20stop-opacity%3A%201%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22textGradLight%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20rgb(248%2C%20250%2C%20252)%20!important%3B%20stop-opacity%3A%201%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20rgb(226%2C%20232%2C%20240)%20!important%3B%20stop-opacity%3A%201%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(25%2C%2015)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%2225%2C10%2035%2C20%2025%2C30%2015%2C20%22%20fill%3D%22url(%23grad4Light)%22%20opacity%3D%220.9%22%20style%3D%22fill%3A%20url(%26quot%3B%23grad4Light%26quot%3B)%20!important%3B%20opacity%3A%200.9%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%2215%2C20%2025%2C30%2015%2C40%205%2C30%22%20fill%3D%22url(%23grad4Light)%22%20opacity%3D%220.7%22%20style%3D%22fill%3A%20url(%26quot%3B%23grad4Light%26quot%3B)%20!important%3B%20opacity%3A%200.7%20!important%3B22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%2235%2C20%2045%2C30%2035%2C40%2025%2C30%22%20fill%3D%22url(%23grad4Light)%22%20opacity%3D%220.7%22%20style%3D%22fill%3A%20url(%26quot%3B%23grad4Light%26quot%3B)%20!important%3B%20opacity%3A%200.7%20!important%3B22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%2225%2C5%2035%2C15%2025%2C25%2015%2C15%22%20fill%3D%22url(%23grad4Light)%22%20opacity%3D%220.5%22%20style%3D%22fill%3A%20url(%26quot%3B%23grad4Light%26quot%3B)%20!important%3B%20opacity%3A%200.5%20!important%3B22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20x%3D%2285%22%20y%3D%2245%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2232%22%20font-weight%3D%22700%22%20fill%3D%22url(%23textGradLight)%22%20letter-spacing%3D%22-1px%22%20style%3D%22fill%3A%20url(%26quot%3B%23textGradLight%26quot%3B)%20!important%3B%22%3Esupadock%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E)

Logo

Favicon

## Brand Personality
- **Tone:** modern
- **Energy:** medium
- **Audience:** industries utilizing AI workers

## Supadock Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.

Image: [media.licdn.com](https://media.licdn.com/dms/image/v2/C4E12AQHj1dk6HeA95Q/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1546736520044?e=2147483647&v=beta&t=LgfcTckp-u8_mkOU7e_TFCvo4VMuTENLqqek_PKrzCM)

Source: [ca.linkedin.com](https://ca.linkedin.com/in/sriram-rangan-bb871221)

Image: [lh4.googleusercontent.com](https://lh4.googleusercontent.com/ohwis2MAaEYhyFZ_A7gxRCUgO6acSak3BzAD5rBNX5T5BDSrnaXTC9vZ9wx9U1AoU0H-rdrt5mfSS5_nxMY0m6f2JWq9UBQApkSzt_TmPPI_1nkfuc6TnjW0JwEa68r6pRSR98LHKrDAu1HHVTRRHrKlhLsj2wArEAh0aZkZfol97pO2knImqZliUBBlPw)

Source: [ycombinator.com](https://www.ycombinator.com/companies/supadock)

## Frequently Asked Questions

- **What is Supadock's primary brand color?** Supadock's primary brand color is #3B82F6. It anchors the visual identity across their website, product UI, and marketing materials.
- **What font does Supadock use?** Supadock uses Inter as the primary typeface across body and headings.
- **Does Supadock use a light or dark theme?** Supadock's primary site uses a light color scheme, with a background of #FFFFFF.
- **Where can I find Supadock's logo?** Supadock's logo is available directly on their site (https://getsupadock.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://getsupadock.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 Supadock.

## Methodology
Brand data on this page was extracted from [https://getsupadock.com](https://getsupadock.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.