DataDogHQ Brand Identity

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

Quick Facts

Color Palette

• primary: #632CA6
• secondary: #7700FF
• accent: #632CA6
• background: #FFFFFF
• textPrimary: #000000
• link: #110617

Typography

• primary: NationalWeb — https://fonts.google.com/specimen/NationalWeb
• heading: NationalWeb — https://fonts.google.com/specimen/NationalWeb

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• input: background=transparent, textColor=#212529, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#632CA6, textColor=#FFFFFF, borderRadius=4px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#555555, borderRadius=4px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: IT professionals and businesses

DataDogHQ Brand in the Wild

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

• Backdoors & Breaches gameplay guide | Datadog Security Labs
  • Image:
  • Source: https://securitylabs.datadoghq.com/articles/backdoors-and-breaches-gameplay-guide/
• Blog Search | Datadog
  • Image:
  • Source: https://www.datadoghq.com/ko/core_product/product-analytics/
• Internal Developer Portal | Datadog
  • Image:
  • Source: https://www.datadoghq.com/product/internal-developer-portal/
• Blog Search | Datadog
  • Image:
  • Source: https://www.datadoghq.com/blog/tag/cloud-security/
• Datadog Day in DC | Datadog
  • Image:
  • Source: https://events.datadoghq.com/events/datadog-days-dc26/
• Blog Search | Datadog
  • Image:
  • Source: https://www.datadoghq.com/blog/tag/cache/

Working with these fonts

Not found on Google Fonts? Agent Instructions:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around to capture font URLs.
4. For each captured font URL, right-click → Save As to download the file locally.
5. View the CSS and copy the matching @font-face declarations.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "NationalWeb",
 "role": "body"
 }
 ],
 "colors": {
 "primary": "#632CA6",
 "secondary": "#7700FF",
 "accent": "#632CA6",
 "background": "#FFFFFF",
 "textPrimary": "#000000",
 "link": "#110617"
 },
 "typography": {
 "fontFamilies": {
 "primary": "NationalWeb",
 "heading": "NationalWeb"
 },
 "fontStacks": {
 "heading": [
 "NationalWeb",
 "Helvetica",
 "Arial",
 "sans-serif"
 ],
 "body": [
 "NationalWeb",
 "Helvetica",
 "Arial",
 "sans-serif"
 ],
 "paragraph": [
 "NationalWeb",
 "Helvetica",
 "Arial",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "68px",
 "h2": "36px",
 "body": "28px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "4px"
 },
 "components": {
 "input": {
 "background": "transparent",
 "textColor": "#212529",
 "borderColor": null,
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonPrimary": {
 "background": "#632CA6",
 "textColor": "#FFFFFF",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#555555",
 "borderRadius": "4px",
 "borderRadiusCorners": {
 "topLeft": "4px",
 "topRight": "4px",
 "bottomRight": "4px",
 "bottomLeft": "4px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://corp.dd-static.net/img/dd_logo_n_70x75.png?ch=Width,DPR&fit=max&auto=format&w=70&h=75",
 "favicon": "https://corp.dd-static.net/img/favicons/apple-touch-icon.png",
 "ogImage": "https://corp.dd-static.net/img/og/og-image-10-25.png?fit=crop&w=1200&h=630",
 "logoHref": "https://www.datadoghq.com/",
 "logoAlt": "DataDog"
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "IT professionals and businesses"
 },
 "designSystem": {
 "framework": "tailwind",
 "componentLibrary": ""
 },
 "confidence": {
 "buttons": 0.95,
 "colors": 0.9,
 "overall": 0.925
 }
}