SigNoz Brand Identity

A complete profile of SigNoz's visual system — colors, typography, components, and personality — extracted from https://signoz.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://signoz.io.

• primary: #4E74F8
• secondary: #1D212D
• accent: #4E74F8
• background: #0B0C0E
• textPrimary: #0B0C0E
• link: #CEB29B

Typography

Each font links to its Google Fonts page where available.

• primary: Inter
• heading: Inter

Visual Assets

%20!important%3B%22%2F%3E%3Crect%20width%3D%2221%22%20height%3D%2221%22%20y%3D%220.5%22%20fill%3D%22url(%23SigNozLogo-orange_svg__a)%22%20rx%3D%224.2%22%20style%3D%22fill%3A%20url(%26quot%3B%23SigNozLogo-orange_svg__a%26quot%3B)%20!important%3B%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20filter%3D%22url(%23SigNozLogo-orange_svg__b)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20d%3D%22M2.31%2010.988v-.005l.002-.008.022-.088q.022-.082.073-.225c.069-.188.182-.448.364-.76.363-.623.998-1.445%202.089-2.3a9.3%209.3%200%200%201%202.957-1.569A7%207%200%200%201%208.78%205.8a5%205%200%200%201%20.377-.048h.009l.001-.001.028.466.028.465-.065.006q-.076.008-.225.033a6%206%200%200%200-.72.169c-.576.197-1.4.583-2.362%201.336-.96.751-1.5%201.46-1.798%201.972a4%204%200%200%200-.29.607A2%202%200%200%200%203.7%2011l.01.036q.013.054.051.16c.052.142.141.35.29.607.3.512.839%201.221%201.799%201.972.962.753%201.786%201.139%202.362%201.336l.027.01c.286.082.523.13.693.16a4%204%200%200%200%20.29.038l-.028.465-.028.466h-.01l-.1-.01a5%205%200%200%201-.277-.04%207%207%200%200%201-.963-.233%209.3%209.3%200%200%201-2.957-1.57c-1.091-.854-1.726-1.676-2.09-2.3a5%205%200%200%201-.363-.76%203%203%200%200%201-.095-.312l-.001-.008-.001-.003v-.026m16.381%200v-.002l-.001-.003-.002-.008a2%202%200%200%200-.095-.313%205%205%200%200%200-.363-.76c-.364-.623-.998-1.445-2.09-2.3a9.3%209.3%200%200%200-2.957-1.569%207%207%200%200%200-.963-.234%205%205%200%200%200-.376-.048h-.01l-.001-.001-.028.466-.028.465.011.001.054.005q.076.008.225.033a6%206%200%200%201%20.72.169c.577.197%201.4.583%202.362%201.336.96.751%201.5%201.46%201.799%201.972.149.257.238.466.29.607a2%202%200%200%201%20.061.196l-.01.036q-.013.054-.051.16c-.052.142-.141.35-.29.607-.299.512-.839%201.221-1.799%201.972-.962.753-1.785%201.139-2.362%201.336l-.027.01a6%206%200%200%201-.693.16%204%204%200%200%201-.29.038l.028.465.028.466h.011l.1-.01q.1-.01.276-.04c.235-.04.566-.11.963-.233a9.3%209.3%200%200%200%202.957-1.57c1.092-.854%201.726-1.676%202.09-2.3.181-.31.294-.571.363-.76a3%203%200%200%200%20.095-.312l.002-.008v-.029%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M14.351%2011c0%202.067-1.664%203.743-3.717%203.743S6.918%2013.067%206.918%2011s1.664-3.744%203.716-3.744S14.352%208.932%2014.352%2011M9.705%208.894s-.446.526-.58.936c-.087.264-.117.702-.117.702H7.847s0-.351.232-.936.465-.702.465-.702zm-.58%203.275c.134.41.58.936.58.936H8.544s-.233-.117-.465-.702-.232-.936-.232-.936h1.161s.03.439.116.702%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CradialGradient%20id%3D%22SigNozLogo-orange_svg__a%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(45.69%20-7.805%2017.962)scale(12.3258)%22%20gradientUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cstop%20offset%3D%220.33%22%20stop-color%3D%22%23FF5E19%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%2094%2C%2025)%20!important%3B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF2929%22%20style%3D%22fill%3A%20none%20!important%3B%20stop-color%3A%20rgb(255%2C%2041%2C%2041)%20!important%3B%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22SigNozLogo-orange_svg__b%22%20width%3D%2218.9%22%20height%3D%2213.02%22%20x%3D%221.05%22%20y%3D%225.33%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeOffset%20dy%3D%220.84%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%220.63%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.368384%200%200%200%200%200.0623777%200%200%200%200%200.0623777%200%200%200%200.25%200%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_2420_727%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_2420_727%22%20result%3D%22shape%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeOffset%20dy%3D%220.84%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%220.63%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.06%200%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_2420_727%22%20style%3D%22fill%3A%20none%20!important%3B%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using SigNoz's actual button styles.

• Button Primary:

  • background: #4E74F8
  • textColor: #FFFFFF
  • borderRadius: 9999px
  • shadow: none

• Button Secondary:

  • background: #1D212D
  • textColor: #FFFFFF
  • borderColor: #2C3140
  • borderRadius: 9999px
  • shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(242, 71, 105, 0.2) 0px 0px 20px 0px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech professionals

Frequently Asked Questions

• What is SigNoz's primary brand color?
  SigNoz's primary brand color is #4E74F8. It anchors the visual identity across their website, product UI, and marketing materials.
• What font does SigNoz use?
  SigNoz uses Inter as the primary typeface across body and headings.
• Does SigNoz use a light or dark theme?
  SigNoz's primary site uses a dark color scheme, with a background of #0B0C0E.
• Where can I find SigNoz's logo?
  SigNoz's logo is available directly on their site (https://signoz.io). 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://signoz.io using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.