# Noon Brand Identity

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

## Color Palette
Brand palette extracted from [noon.design](https://noon.design/).

- **primary**: #D2451A, rgb(210, 69, 26)
- **secondary**: #0000EE, rgb(0, 0, 238)
- **accent**: #D2451A, rgb(210, 69, 26)
- **background**: #FDFBF7, rgb(253, 251, 247)
- **textPrimary**: #1F1F1F, rgb(31, 31, 31)
- **link**: #F7E8E1, rgb(247, 232, 225)

## Typography
Each font links to its Google Fonts page where available.
- **primary**: NoonSans  ([Google Fonts →](https://fonts.google.com/specimen/NoonSans))
- **heading**: NoonSans ([Google Fonts →](https://fonts.google.com/specimen/NoonSans))

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M791.898%200C840.46%200%20879.827%2039.3673%20879.827%2087.9294V151.878C879.827%20200.44%20840.46%20239.807%20791.898%20239.807C743.336%20239.807%20703.969%20200.44%20703.969%20151.878V87.9294C703.969%2039.3674%20743.336%200%20791.898%200ZM751.93%20151.878C751.93%20173.952%20769.824%20191.846%20791.898%20191.846C813.972%20191.846%20831.866%20173.952%20831.866%20151.878V87.9294C831.866%2065.8557%20813.972%2047.9615%20791.898%2047.9615C769.824%2047.9615%20751.93%2065.8557%20751.93%2087.9293V151.878Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M392.218%200C440.78%200%20480.148%2039.3673%20480.148%2087.9294V231.814H432.186V87.9294C432.186%2065.8557%20414.292%2047.9615%20392.218%2047.9615C370.145%2047.9615%20352.251%2065.8557%20352.251%2087.9293V231.814H304.289V87.9294C304.289%2039.3674%20343.656%200%20392.218%200Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M991.736%200C1040.3%200%201079.67%2039.3673%201079.67%2087.9294V231.814H1031.7V87.9294C1031.7%2065.8557%201013.81%2047.9615%20991.736%2047.9615C969.662%2047.9615%20951.768%2065.8557%20951.768%2087.9293V231.814H903.807V87.9294C903.807%2039.3674%20943.174%200%20991.736%200Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url(%23clip0_1660_42040)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M103.918%207.99414H71.9434V231.814H103.918V7.99414Z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%2215.9872%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%20stroke-width%3A%2015.9872px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M135.891%207.99414H167.865V231.814H135.891V7.99414Z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%2215.9872%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%20stroke-width%3A%2015.9872px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.9684%20239.808V7.99414H7.99414V239.808%22%20stroke%3D%22currentColor%22%20stroke-width%3D%2215.9872%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%20stroke-width%3A%2015.9872px%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M199.84%20239.808V7.99414H231.814V239.808%22%20stroke%3D%22currentColor%22%20stroke-width%3D%2215.9872%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(210%2C%2069%2C%2026)%20!important%3B%20stroke-width%3A%2015.9872px%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_1660_42040%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22240%22%20height%3D%22240%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

## UI Components
Live previews rendered using Noon's actual button styles.

### Button Primary
- background: #D2451A
- textColor: #FFFFFF
- borderRadius: 12px
- shadow: none

### Button Secondary
- background: #FDFDFD
- textColor: #1F1F1F
- borderColor: #8E8D8B
- borderRadius: 2px
- shadow: none

## Brand Personality
- **Tone:** modern
- **Energy:** medium
- **Audience:** product designers and tech professionals

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

Image: [noon.design](https://noon.design/_next/image?url=%2Fmedia%2Fblog%2Fannouncing-noon%2Faditya-portrait.jpg&w=3840&q=85&dpl=dpl_BSmLmW7fUfkmGqcd5G6S6iNypxop)

Source: [noon.design](https://noon.design/announcing-noon)

Image: [noon.design](https://www.noon.design/opengraph.png)

Source: [noon.design](https://noon.design/)

Image: [miros-group.com](https://www.miros-group.com/wp-content/uploads/2025/05/Miros-Noon-Report_cropped.png)

Source: [miros-group.com](https://www.miros-group.com/products/noon-report-assistant/)

Image: [desklite.zoho.com](https://desklite.zoho.com/galleryDocuments/edbsn0ee169977540f9388639383beb134aeab1a9bb99a3775e8f5f311d4123740572d3bcec36201195f1879dd90f110df71c?inline=true)

Source: [support.noon.partners](https://support.noon.partners/portal/en/kb/articles/how-can-i-participate-in-noon-mega-deals)

Image: [advertise.noon.com](https://advertise.noon.com/_next/image?url=%2Fimages%2Fcrm.png&w=828&q=75)

Source: [advertise.noon.com](https://advertise.noon.com/)

Image: [mdnautical.com](https://mdnautical.com/24628-thickbox_default/h.jpg)

Source: [mdnautical.com](https://mdnautical.com/jp-grundy/471-chief-engineers-noon-report.html)

## Frequently Asked Questions

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

## Methodology
Brand data on this page was extracted from [noon.design](https://noon.design/) 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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Noon.