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.

Color Palette

Brand palette extracted from https://deepnote.com/.

• Primary: #606F85
• Secondary: #334052
• Accent: #146EFE
• Background: #FFFFFF
• Text Primary: #146EFE
• Link: #146EFE

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter (Google Fonts →)
• Heading: Degular (Google Fonts →)

Visual Assets

%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.2s29.15-5.48%2029.15-32.64-26.33-30.44-43.27-30.44H0z%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)

UI Components

Live previews rendered using Deepnote's actual button styles.

• Input:

  • Background: #FFFFFF
  • Text Color: #334052
  • Border Color: null
  • Border Radius: 0px
  • Shadow: none

• Button Primary:

  • Background: #153656
  • Text Color: #334052
  • Border Radius: 10px
  • Shadow: rgba(170, 187, 202, 0.1) 0px 2px 4px 0px, rgba(170, 187, 202, 0.1) 0px 4px 8px 0px

• Button Secondary:

  • Background: #FFFFFF
  • Text Color: #334052
  • Border Color: #C2CDDC
  • Border Radius: 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

Frequently Asked Questions

• What is Deepnote's primary brand color?
  Deepnote's primary brand color is #606F85.

• What accent color does Deepnote use?
  Deepnote uses #146EFE as an accent color.

• What font does Deepnote use?
  Deepnote uses Inter for body text and Degular for headings.

• Does Deepnote use a light or dark theme?
  Deepnote's primary site uses a light color scheme.

• Where can I find Deepnote's logo?
  Deepnote's logo is available directly on their site.

• How was this brand profile generated?
  This profile was extracted from https://deepnote.com/ using the Firecrawl branding extraction API.