Humane Genomics Brand Identity

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

Quick Facts

Color Palette

• primary: #0B66FF
• secondary: #273B39
• accent: #0B66FF
• background: #000000
• textPrimary: #000000
• link: #7FD3FF

Typography

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

Visual Assets

• Logo:
• Favicon: https://humanegenomics.com/favicon.ico
• Social card (og:image):

UI Components

• buttonPrimary: background=#0B66FF, textColor=#FFFFFF, borderColor=#2E2E2E, borderRadius=999px, shadow=rgba(0, 0, 0, 0.45) 0px 14px 34px 0px
• buttonSecondary: background=#0A0A0A, textColor=#FFFFFF, borderColor=#1F1F1F, borderRadius=50px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: scientists and researchers in genomics

Humane Genomics Brand in the Wild

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

• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/the-science-of-engineering-viruses/
• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/engineering-selective-infection/
• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/new-home-at-alexandria-launchlabs/
• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/page/2/
• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/aacr-poster-session-review/
• Latest News | Humane Genomics
  • Image:
  • Source: https://humanegenomics.com/news/engineering-selective-infection/

Working with these fonts

Not found on Google Fonts? Here are 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".
3. Hard-reload the page and capture the font URLs.
4. Save the files locally.
5. Customize the @font-face declarations in the CSS.

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": "dark",
  "fonts": [
    {
      "family": "AlmarenaDisplayBold",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0B66FF",
    "secondary": "#273B39",
    "accent": "#0B66FF",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#7FD3FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "AlmarenaDisplayBold",
      "heading": "AlmarenaDisplayBold"
    },
    "fontStacks": {
      "heading": [
        "AlmarenaDisplayBold",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "68.04px",
      "h2": "28.008px",
      "body": "21.996px"
    }
  },
  "spacing": {
    "baseUnit": 12,
    "borderRadius": "18px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0B66FF",
      "textColor": "#FFFFFF",
      "borderColor": "#2E2E2E",
      "borderRadius": "999px",
      "borderRadiusCorners": {
        "topLeft": "999px",
        "topRight": "999px",
        "bottomRight": "999px",
        "bottomLeft": "999px"
      },
      "shadow": "rgba(0, 0, 0, 0.45) 0px 14px 34px 0px"
    },
    "buttonSecondary": {
      "background": "#0A0A0A",
      "textColor": "#FFFFFF",
      "borderColor": "#1F1F1F",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://humanegenomics.com/img/hgi-logo_white.png",
    "favicon": "https://humanegenomics.com/favicon.ico",
    "ogImage": "https://humanegenomics.com/img/HGI_logo_sq.jpg",
    "logoHref": "/",
    "logoAlt": "Humane Genomics"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "scientists and researchers in genomics"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}