zscaler.json

Zscaler Brand Identity

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

Quick Facts

Field Value
Primary #001744
Accent #6BFFB3
Body Font GTHaptikFont
Heading Font GTHaptikFont

Color Palette

Typography

UI Components

Brand Personality

Visual Assets

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "GTHaptikFont",
      "role": "body"
    },
    {
      "family": "DM Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#001744",
    "secondary": "#E5F1FA",
    "accent": "#6BFFB3",
    "background": "#FFFFFF",
    "textPrimary": "#001744",
    "link": "#001744"
  },
  "typography": {
    "fontFamilies": {
      "primary": "GTHaptikFont",
      "heading": "GTHaptikFont"
    },
    "fontStacks": {
      "heading": [
        "GTHaptikFont",
        "sans-serif"
      ],
      "body": [
        "GTHaptikFont",
        "sans-serif"
      ],
      "paragraph": [
        "GTHaptikFont",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {
    "input": {
      "background": "#0F254F",
      "textColor": "#99A2B4",
      "borderColor": "#334569",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#6BFFB3",
      "textColor": "#001744",
      "borderColor": "#6BFFB3",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#001744",
      "textColor": "#6BFFB3",
      "borderColor": "#6BFFB3",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22208%22%20height%3D%2243%22%20fill%3D%22none%22%20viewBox%3D%220%200%20208%2043%22%20aria-hidden%3D%22true%22%20class%3D%22w-%5B15rem%5D%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23236BF5%22%20d%3D%22m93.804%2017.92%201.09-4.76h-18.21l-.41%201.84a2.13%202.13%200%200%200%202.2%202.75h8.44l-14.95%2013.19-1%204.43h19.27l1.11-4.85h-12.19zm12.14%203.84c-.85-.22-5.64-.93-5.34-2.59.34-1.85%202.6-2%203.71-2%202.27.07%203%201.07%203.11%201.42a2%202%200%200%200%202.1%201.42h3.59c.39-2.22.5-7.35-7.84-7.35-2.68%200-6.24.67-8.61%203.39-1.26%201.46-3.44%205.08-1.21%207.8%201.17%201.38%204.21%202.45%207.47%203.09%202.11.41%203.22%201.25%203%202.25-.14.67-1%202.18-4.08%202.17-1.39%200-4.39-.21-3.83-3.34h-5.67c-.67%202.84-.91%207.77%207.74%207.77%203.34%200%2010.13-.42%2011.9-7.52%201.27-5.11-4.48-6.12-6-6.51zm20.11%207.85a5.06%205.06%200%200%201-3.71%201.33c-4.29%200-3.8-4.2-3.22-6.76s2-6.68%206-6.68c2.89%200%203.22%201.87%203.37%202.42h5.84c-.21-6.16-4.93-7.34-8.27-7.26-9.16.23-11.81%207.88-12.63%2011.44-2.39%2010.39%204.25%2011.69%207.43%2011.69a12.5%2012.5%200%200%200%2011.68-7.26h-4.17a3%203%200%200%200-2.42%201.08zm23.75%202.13a10.87%2010.87%200%200%201-6.61%203.71c-5.07.84-12%20.63-10.29-6.67a7.44%207.44%200%200%201%203.18-5c2.93-1.93%206.83-2.2%208.09-2.34.43-.05%203.62-.29%204.17-2.18s-2.39-2-3.21-2c-2.51%200-3.37%201-3.79%201.58h-5.59c2.26-5.95%208.49-6.18%2010.18-6.18%201.88%200%209.45%200%208%206.27-2.2%209.56-2.28%2010.51-4.13%2012.81m-2.46-7.56c-1.133.46-2.305.82-3.5%201.08-1.17.36-3.36.49-4.43%201.51-.92.86-2.53%204.43%201.3%204.51a6.11%206.11%200%200%200%206.19-5.17c.19-.88.44-1.93.44-1.93m14.4-17.53h-3l-6.55%2028.72h5.84l5.92-26a2.118%202.118%200%200%200-2.2-2.76zm15.15%2021.84h4.18a12.68%2012.68%200%200%201-11.73%207.3c-8.89%200-8.34-7.93-7.43-11.69%202.52-10.45%209.51-11.44%2012.63-11.44%204.15%200%2010.66%201.72%207.36%2013.11h-14.41c-.35%201.51-.65%205.22%203.33%205.17a4.87%204.87%200%200%200%203.07-.87c.54-.28%201-1.51%203-1.54zm-8.55-6.49h8.51c.73-4.08-1.8-4.51-3.23-4.51-1.22%200-4.13.45-5.28%204.51m21.05-6.43a14.62%2014.62%200%200%200-5.66%209c-.35%201.62-2.46%2010.77-2.46%2010.77h5.85s2.22-10.04%202.62-11.4a7.333%207.333%200%200%201%207.79-5.8l1.35-5a15.75%2015.75%200%200%200-9.48%202.42zm10.21-6.76.15-.7h3.15l-.15.7h-1.13l-.65%203.07h-.83l.64-3.07zm5.17-.7.29%202.73%201.46-2.73h1.15l-.8%203.77h-.77l.68-3-1.59%203h-.63l-.37-3-.56%203h-.79l.8-3.77zM69.484%2021.86c1.12%206.87-4.85%2010.74-10.89%2011.14-3.85%208-17.41%2013.29-29.16%207.53-5%20.77-7.79-.49-9.91-2.89%204.3-5.53%2017.31-15.49%2033.21-10.35%208.49%202.74%2010.69-3.7%208.55-6.12-8-9.09-26.09-.9-26.73-.22%207.1-10.86%2032.5-13.91%2034.93.91%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23236BF5%22%20d%3D%22M45.134%209.37s-5.79-2.07-13.91%201.45l-1-.42c7.86-5.2%2014.72-7.4%2020.59-6.54-3.55-4.09-20.62-7.1-30.39%202.7C8.344%204.18-.116%2014.42.344%2023.77s10.71%2015.23%2016.52%2013.6q.21-.03.42%200c1.29-6.18%206.55-20.56%2027.85-28%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E"
}