deepnote.json

Deepnote Brand Identity

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

Quick Facts

Field Value
Primary #606F85
Accent #146EFE
Body Font Inter
Heading Font Degular

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: data scientists and analysts

Deepnote Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

Not found on Google 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.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Degular",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#606F85",
    "secondary": "#334052",
    "accent": "#146EFE",
    "background": "#FFFFFF",
    "textPrimary": "#146EFE",
    "link": "#146EFE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Degular"
    },
    "fontStacks": {
      "heading": [
        "Degular",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "82px",
      "h2": "60px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "24px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#334052",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#153656",
      "textColor": "#334052",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "rgba(170, 187, 202, 0.1) 0px 2px 4px 0px, rgba(170, 187, 202, 0.1) 0px 4px 8px 0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#334052",
      "borderColor": "#C2CDDC",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "rgba(170, 187, 202, 0.1) 0px 2px 4px 0px, rgba(170, 187, 202, 0.1) 0px 4px 8px 0px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20695%20120%22%20class%3D%22css-1gtfl7l%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M160.2%2019.96h32.4c27.48%200%2040.1%2013.96%2040.1%2039.23s-15.14%2040.56-40.1%2040.56h-32.4V19.96zm15.13%2012.63v54.65h16.07c18.72%200%2026.15-10.11%2026.15-28.06%200-18.75-7.83-26.6-26.95-26.6h-15.27zm64.92%2036.7c0-21.14%2011.95-33.64%2031.47-33.64%2018.85%200%2028.01%2011.44%2028.01%2028.59%200%202.39%200%205.19-.26%208.38h-45.01c1.06%2011.3%206.77%2017.02%2017.39%2017.02%209.96%200%2013.41-4.79%2015.13-10.77l12.22%203.46c-2.92%2011.3-10.75%2019.02-27.48%2019.02-19.12-.01-31.47-11.18-31.47-32.06zm14.34-6.25h32c-.53-10.77-5.31-16.36-15.27-16.36-9.69.01-15.4%205.19-16.73%2016.36zm53.11%206.25c0-21.14%2011.95-33.64%2031.47-33.64%2018.85%200%2028.01%2011.44%2028.01%2028.59%200%202.39%200%205.19-.26%208.38h-45.01c1.06%2011.3%206.77%2017.02%2017.39%2017.02%209.96%200%2013.41-4.79%2015.13-10.77l12.22%203.46c-2.92%2011.3-10.75%2019.02-27.48%2019.02-19.12-.01-31.47-11.18-31.47-32.06zm14.34-6.25h32c-.53-10.77-5.31-16.36-15.27-16.36-9.69.01-15.4%205.19-16.73%2016.36zm93.6%2038.43c-11.42%200-18.72-7.45-21.77-18.35h-.93v36.83h-14.21v-82.7h14.21v16.22h.93c3.32-10.77%2010.22-17.82%2021.51-17.82%2014.74%200%2022.97%2011.7%2022.97%2032.98s-8.63%2032.84-22.71%2032.84zm8.63-32.84c0-13.56-4.78-20.08-15.27-20.08-9.82%200-16.06%206.92-16.06%2017.82v4.79c0%2010.51%206.37%2017.69%2015.93%2017.69%2010.49-.01%2015.4-6.79%2015.4-20.22zm39.57%2031.11h-14.21v-62.5h13.94v16.49h1.2c3.45-11.57%2011.42-18.09%2021.91-18.09%2013.01%200%2019.25%208.78%2019.25%2022.34v41.76h-14.21V61.71c0-7.58-3.32-13.17-11.95-13.17-9.56%200-15.93%206.38-15.93%2015.82v35.38zm52.71-31.38c0-20.61%2012.35-32.71%2031.73-32.71%2019.12%200%2031.47%2012.1%2031.47%2032.71%200%2020.48-11.68%2033.11-31.47%2033.11-20.05%200-31.73-12.63-31.73-33.11zm14.34-.13c0%2012.9%205.31%2020.88%2017.26%2020.88%2011.82%200%2017.39-7.98%2017.39-20.88s-5.84-20.48-17.39-20.48-17.26%207.58-17.26%2020.48zm63.73-19.42h-8.76V37.25h8.76V20.36h14.34v16.89h18.32v11.57h-18.32v29.92c0%206.12%202.26%209.31%208.5%209.31%203.19%200%205.97-.66%209.03-1.6l1.73%2012.77c-4.65%201.46-7.83%202.26-14.07%202.26-13.67%200-19.52-9.04-19.52-20.74V48.81zm40.1%2020.48c0-21.14%2011.95-33.64%2031.47-33.64%2018.85%200%2028.01%2011.44%2028.01%2028.59%200%202.39%200%205.19-.26%208.38h-45.01c1.06%2011.3%206.77%2017.02%2017.39%2017.02%209.96%200%2013.41-4.79%2015.13-10.77l12.22%203.46c-2.92%2011.3-10.75%2019.02-27.48%2019.02-19.13-.01-31.47-11.18-31.47-32.06zm14.34-6.25h32c-.53-10.77-5.31-16.36-15.27-16.36-9.7.01-15.41%205.19-16.73%2016.36z%22%20class%3D%22css-1ovdpap%22%20style%3D%22fill%3A%20rgb(1%2C%2036%2C%2071)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M42.35%200c-2.18.01-3.14%200-3.14%200C23.9%2022.23%2015.31%2034.69%200%2056.92h36.08c3.07%200%206.44.11%209.91.45l-10.7%2014.94L0%20120h50.2s.03-.01.05-.01c-.02%200-.05.01-.05.01s69.8-2.14%2069.8-63.4C120%202.93%2057.73-.06%2042.35%200z%22%20class%3D%22css-1uzjw4m%22%20style%3D%22fill%3A%20rgb(55%2C%20147%2C%20239)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.2%20120s29.15-5.48%2029.15-32.64c0-22.25-17.66-28.47-33.36-29.99l-10.7%2014.94L0%20120h50.2m15.23-14.01c.03-.05.06-.09.09-.13-.03.04-.06.09-.09.13z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20class%3D%22css-p6wan8%22%20style%3D%22fill%3A%20rgb(21%2C%2096%2C%20171)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.29%2072.31c22.15%200%2036.64%2010.38%2033.71%2024.93C66.06%20111.79%2050.2%20120%2050.2%20120s29.15-5.48%2029.15-32.64c0-22.25-17.66-28.47-33.36-29.99l-10.7%2014.94zM50.2%20120z%22%20class%3D%22css-746bdy%22%20style%3D%22fill%3A%20rgb(1%2C%2036%2C%2071)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2056.92C15.31%2034.69%2023.9%2022.23%2039.22%200c0%200%20.96.01%203.14%200C57.73-.06%20120%202.93%20120%2056.6c0%2061.27-69.8%2063.4-69.8%2063.4s29.15-5.47%2029.15-32.64-26.33-30.44-43.27-30.44H0z%22%20class%3D%22css-1uzjw4m%22%20style%3D%22fill%3A%20rgb(55%2C%20147%2C%20239)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
- Social card (og:image): /_next/static/media/og-image.a724d03f.png

## UI Components

## Brand Personality

Tone: professional · Energy: medium · Audience: data scientists and analysts

## Deepnote Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

## Working with these fonts

Not found on Google Fonts?

CharacterQuilt.com suggests this flow that can help:

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.