Notte Brand Identity

A complete profile of Notte's visual system — colors, typography, components, and personality — extracted from https://www.notte.cc/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.notte.cc/.
primary
#000080
rgb(0, 0, 128)
secondary
#05331C
rgb(5, 51, 28)
accent
#17FF8E
rgb(23, 255, 142)
background
#000000
rgb(0, 0, 0)
textPrimary
#000000
rgb(0, 0, 0)
link
#17FF8E
rgb(23, 255, 142)

Typography

Each font links to its Google Fonts page where available.

primary
Inter
Inter Google Fonts →

heading
Playfair Display
Playfair Display Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1354.76%2C184.27h-149c.75%2C19.62%2C9.58%2C38.33%2C25.08%2C50.42%2C26.13%2C20.37%2C82.29%2C12.12%2C94.96-21.4l24.95%2C9c-5.54%2C17.38-23.15%2C34.19-39.64%2C41.85-75.83%2C35.19-145.01-26.26-136.34-105.34%2C12.32-112.41%2C174.78-108.59%2C181.03-2.06.54%2C9.25-.99%2C18.35-1.04%2C27.54ZM1323.76%2C159.27c2.06-54.74-69.35-75.79-102.97-35.47-8.09%2C9.7-14.04%2C22.71-14.03%2C35.47h117Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M764.56%2C75.57c76.65-5.89%2C120.98%2C62.19%2C99.92%2C132.92-25.73%2C86.44-158.86%2C86.66-182.64-.8-17.04-62.69%2C13.93-126.84%2C82.72-132.12ZM762.54%2C103.55c-73.02%2C8.76-72.06%2C135.95%2C1.68%2C141.76%2C51.53%2C4.06%2C77.35-32.96%2C73.41-81.41-3.3-40.6-34.69-65.2-75.09-60.35Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M633.76%2C270.27h-29v-119.5c0-24.61-20.03-46.82-44.46-48.54-42.81-3.01-56.71%2C27.15-58.58%2C64.5-1.7%2C33.99%2C1.36%2C69.41.04%2C103.54h-28V78.27h26l2.01%2C25.99%2C9.98-11.5c52.19-38.45%2C117.4-11.76%2C122%2C55.02v122.49Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M957.76%2C24.27v54h51v27h-51v113.5c0%2C.86%2C3.42%2C10.63%2C4.14%2C11.86%2C3.62%2C6.12%2C16.39%2C13.64%2C23.36%2C13.64h23.5v23.5c0%2C1.52-11.44%2C3.32-13.52%2C3.48-26.48%2C2.13-52.28-7.72-62.25-33.72-1.01-2.65-4.24-12.63-4.24-14.76v-117.5h-29v-27h29V24.27h29Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1092.76%2C24.27v54h51v27h-51v113.5c0%2C.86%2C3.42%2C10.63%2C4.14%2C11.86%2C3.62%2C6.12%2C16.39%2C13.64%2C23.36%2C13.64h23.5v23.5c0%2C1.52-11.44%2C3.32-13.52%2C3.48-26.48%2C2.13-52.28-7.72-62.25-33.72-1.01-2.65-4.24-12.63-4.24-14.76v-117.5h-29v-27h29V24.27h29Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M232%2C0c-.96%2C19.84-.79%2C39.61-.96%2C59.54-.04%2C4.21-1.33%2C7.98-1.02%2C12.95%2C1%2C16.26%2C12.81%2C30.81%2C29.49%2C32.5%2C19.73%2C2%2C41.25-.57%2C60.95-1.03%2C8.5-.2%2C17.05.23%2C25.54.04v34c-25.16-.15-50.36.23-75.54-.05-20.95-.23-35-1.55-51.47-16.44-34.31-31-17.81-75.49-21.03-116.06l1.05-5.45h33Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Notte's actual button styles.

Input

input

• background: #FFFFFF
• textColor: #09090B
• borderColor: #D6D3D1
• borderRadius: 0px
• shadow: none

Button Primary

buttonPrimary

• background: #17FF8E
• textColor: #000000
• borderRadius: 0px
• shadow: none

Button Secondary

buttonSecondary

• background: #FFFFFF
• textColor: #000080
• borderRadius: 0px
• shadow: none

Brand Personality

Tone: modern
Energy: high
Audience: tech-savvy professionals

Notte Brand in the Wild

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

Source: notte.cc

Source: notte.cc

Source: shop.notte.cc

Source: notte.cc

Source: notte.cc

Frequently Asked Questions

What is Notte's primary brand color?
Notte's primary brand color is #000080. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Notte use?
Notte uses #17FF8E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Notte use?
Notte uses Inter for body text and Playfair Display for headings. Fonts were detected on https://www.notte.cc/ as part of their live design system.

Does Notte use a light or dark theme?
Notte's primary site uses a dark color scheme, with a background of #000000.

Where can I find Notte's logo?
Notte's logo is available directly on their site (https://www.notte.cc/). 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://www.notte.cc/ 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 Notte.