Upwind Brand Identity

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

Quick Facts

Color Palette

• primary: #18202D
• secondary: #75808E
• accent: #D8DFE9
• background: #FFFFFF
• textPrimary: #141217
• link: #D8DFE9

Typography

• primary: Aktiv Grotesk — https://fonts.google.com/specimen/Aktiv+Grotesk
• heading: Aeonik Pro — https://fonts.google.com/specimen/Aeonik+Pro

Visual Assets

• Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22brxe-svg%22%20id%3D%22brxe-635171%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2224%22%20viewBox%3D%220%200%2080%2024%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M11.838%200H0V3.10389H11.838V0Z%22%20fill%3D%22url(%23paint0_linear_10762_162028)%22%20style%3D%22fill%3A%20url(%26quot%3B%23paint0_linear_10762_162028%26quot%3B)%20!important%3B%22%2F%3E...
• Favicon: https://www.upwind.io/wp-content/uploads/2025/11/cropped-Upwind-Favicon-Square-32x32.png
• Social card (og:image): https://www.upwind.io/wp-content/uploads/2026/01/upwind-preview-link-image-1200x630-1.png

UI Components

• input: background=#FFFFFF, textColor=#75808E, borderColor=#94A3B8, borderRadius=4px, shadow=none
• buttonPrimary: background=#FFFFFF, textColor=#18202D, borderRadius=4px, shadow=none
• buttonSecondary: background=transparent, textColor=#18202D, borderRadius=4px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: businesses seeking cloud security solutions

Upwind Brand in the Wild

• Introducing Upwind's Unified AI Protection, Built for Modern Cloud Environments - Upwind
  • Image: https://www.upwind.io/wp-content/uploads/2025/11/Framework-dropdown-menu-open.png
  • Source: https://www.upwind.io/feed/introducing-upwinds-unified-ai-protection-built-for-modern-cloud-environments
• Expanding CSPM with Runtime Advantage: Deep Data Scanning & Multi-Cloud Parity - Upwind
  • Image: https://www.upwind.io/wp-content/uploads/2025/12/s3.png
  • Source: https://www.upwind.io/feed/expanding-cspm-with-runtime-advantage-deep-data-scanning-multi-cloud-parity

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) and copy out the matching @font-face declarations.

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": "Aktiv Grotesk",
      "role": "body"
    },
    {
      "family": "Aeonik Pro",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#18202D",
    "secondary": "#75808E",
    "accent": "#D8DFE9",
    "background": "#FFFFFF",
    "textPrimary": "#141217",
    "link": "#D8DFE9"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Aktiv Grotesk",
      "heading": "Aeonik Pro"
    },
    "fontStacks": {
      "heading": [
        "Aeonik Pro"
      ],
      "body": [
        "aktiv-grotesk",
        "sans-serif"
      ],
      "paragraph": [
        "Times New Roman"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "20px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#75808E",
      "borderColor": "#94A3B8",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#18202D",
      "borderRadius": "4px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#18202D",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20...",
    "favicon": "https://www.upwind.io/wp-content/uploads/2025/11/cropped-Upwind-Favicon-Square-32x32.png",
    "ogImage": "https://www.upwind.io/wp-content/uploads/2026/01/upwind-preview-link-image-1200x630-1.png"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses seeking cloud security solutions"
  }
}