# 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.

- Page: https://characterquilt.com/branding/deepnote
- Machine-readable JSON: https://characterquilt.com/branding/deepnote.json
- Per-page llms.txt: https://characterquilt.com/branding/deepnote/llms.txt

## Quick Facts

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

## Color Palette

- primary: #606F85
- secondary: #334052
- accent: #146EFE
- background: #FFFFFF
- textPrimary: #146EFE
- link: #146EFE

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Degular — https://fonts.google.com/specimen/Degular

## Visual Assets

- 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

- input: background=#FFFFFF, textColor=#334052, borderColor=null, borderRadius=0px, shadow=none
- buttonPrimary: background=#153656, textColor=#334052, borderRadius=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, shadow=rgba(170, 187, 202, 0.1) 0px 2px 4px 0px, rgba(170, 187, 202, 0.1) 0px 4px 8px 0px

## Brand Personality

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

## Deepnote Brand in the Wild

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

- **Snowpark for Python: Bring Python to your data warehouse with Deepnote**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/resize=width:3840,height:4000/LDUPKUISbaUcxQG35Bxh
  - Source: https://deepnote.com/blog/snowpark-for-python-in-deepnote
- **Deepnotes: The Deepnote blog**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/resize=fit:clip,height:360,width:640/output=format:webp/cmmxmiymf1ku307mw1k9280jl
  - Source: https://deepnote.com/blog
- **Welcome to Deepnote workspaces**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/resize=fit:clip,width:640/output=format:webp/S9IL9QutQJ2QbvJMRzTN
  - Source: https://deepnote.com/blog/welcome-deepnote-workspaces
- **Explore Deepnote**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/cmnrgf8ng32ty07mvsu9vg5kr
  - Source: https://deepnote.com/explore
- **Deepnotes: The Deepnote blog**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/resize=fit:clip,height:360,width:640/output=format:webp/cmmyt7b0fysvi08n4j8sxp5x0
  - Source: https://deepnote.com/blog
- **Profiling a Node.js blocked event loop in production**
  - Image: https://us-west-2.graphassets.com/AaDC4FvhQQq2MDrtSUqtMz/resize=fit:clip,width:640/output=format:webp/GcFeyw6QZ5BgzlSPNmEA
  - Source: https://deepnote.com/blog/profiling-nodejs-blocked-event-loop-in-production

## Working with these 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.

## Machine-Readable Profile

```json
{
  "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",
    "favicon": null,
    "ogImage": "/_next/static/media/og-image.a724d03f.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 8,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Deepnote'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Watch demo (5 min)",
      "reasoning": "Button #0 has a vibrant background color (#153656) that stands out as a primary CTA, and the text 'Watch demo (5 min)' is action-oriented, making it the most prominent call-to-action."
    },
    "secondary": {
      "index": 1,
      "text": "Book a demo",
      "reasoning": "Button #1 has a different background color (#FFFFFF) and serves as a secondary action with the text 'Book a demo', which is less prominent than the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "data scientists and analysts"
  },
  "designSystem": {
    "framework": "chakra",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Deepnote'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```