llms.txt

Noon Brand Identity

A complete profile of Noon's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #D2451A
Accent #D2451A
Body Font NoonSans
Heading Font NoonSans

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: product designers and tech professionals

Noon Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

  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": "NoonSans",
 "role": "body"
 },
 {
 "family": "NoonSemiMono",
 "role": "monospace"
 }
 ],
 "colors": {
 "primary": "#D2451A",
 "secondary": "#0000EE",
 "accent": "#D2451A",
 "background": "#FDFBF7",
 "textPrimary": "#1F1F1F",
 "link": "#F7E8E1"
 },
 "typography": {
 "fontFamilies": {
 "primary": "NoonSans",
 "heading": "NoonSans"
 },
 "fontStacks": {
 "heading": [
 "NoonSans",
 "system-ui",
 "arial"
 ],
 "body": [
 "Times New Roman"
 ],
 "paragraph": [
 "NoonSans",
 "system-ui",
 "arial"
 ]
 },
 "fontSizes": {
 "h1": "16px",
 "h2": "96px",
 "body": "32px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "2px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#D2451A",
 "textColor": "#FFFFFF",
 "borderRadius": "12px",
 "borderRadiusCorners": {
 "topLeft": "12px",
 "topRight": "12px",
 "bottomRight": "12px",
 "bottomLeft": "12px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FDFDFD",
 "textColor": "#1F1F1F",
 "borderColor": "#8E8D8B",
 "borderRadius": "2px",
 "borderRadiusCorners": {
 "topLeft": "2px",
 "topRight": "2px",
 "bottomRight": "2px",
 "bottomLeft": "2px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20aria-hidden%3D%22true%22%20width%3D%221080%22%20height%3D%22240%22%20viewBox%3D%220%200%201080%20240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22css-1hh3czr%22%20data-fc-idx%3D%220%22%3E%3Cg%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M592.058%200C640.62%200%20679.988%2039.3673%20679.988%2087.9294V151.878C679.988%20200.44%20640.62%20239.807%20592.058%20239.807C543.496%20239.807%20504.129%20200.44%20504.129%20151.878V87.9294C504.129%2039.3674%20543.496%200%20592.058%200ZM552.09%20151.878C552.09%20173.952%20569.985%20191.846%20592.058%20191.846C614.132%20191.846%20632.026%20173.952%20632.026%20151.878V87.9294C632.026%2065.8557%20614.132%2047.9615%20592.058%2047.9615C569.985%2047.9615%20552.09%2065.8557%20552.09%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%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%3C%2Frect%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
 "favicon": "https://noon.design/favicon.png",
 "ogImage": "https://www.noon.design/opengraph.png",
 "logoHref": "/"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Noon'.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 1,
 "text": "Join early access",
 "reasoning": "Button #1 has a vibrant brand color (#D2451A) and action-oriented text ('Join early access'), making it the primary CTA."
 },
 "secondary": {
 "index": 0,
 "text": "Join Early Access",
 "reasoning": "Button #0 has a different background color (#FDFDFD) and serves as a secondary option with similar text ('Join Early Access')."
 },
 "confidence": 0.95
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "product designers and tech professionals"
 },
 "designSystem": {
 "framework": "custom",
 "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, matching the brand 'Noon'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}