Hublo Brand Identity

A complete profile of Hublo's visual system — colors, typography, components, and personality — extracted from http://hublo.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://hublo.com.

• primary:
  Hex: #374151
  RGB: rgb(55, 65, 81)
• secondary:
  Hex: #36D1A2
  RGB: rgb(54, 209, 162)
• accent:
  Hex: #0A1254
  RGB: rgb(10, 18, 84)
• background:
  Hex: #FFFFFF
  RGB: rgb(255, 255, 255)
• textPrimary:
  Hex: #0A1254
  RGB: rgb(10, 18, 84)
• link:
  Hex: #0A1254
  RGB: rgb(10, 18, 84)

Typography

Each font links to its Google Fonts page where available.

• primary: Nunito
  Google Fonts →
• heading: Trebuchet MS
  Google Fonts → Figtree, sans-serif

Visual Assets

UI Components

Live previews rendered using Hublo's actual button styles.

Button Primary

• Background: #0A1254
• Text Color: #FFFFFF
• Border Color: #131415
• Border Radius: 6px
• Shadow: none

Button Secondary

• Background: #36D1A2
• Text Color: #FFFFFF
• Border Radius: 6px
• Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: healthcare professionals

Hublo Brand in the Wild

Image: cdn.prod.website-files.com

Source: hublo.com

Image: cdn.prod.website-files.com

Source: hublo.com

Frequently Asked Questions

• What is Hublo's primary brand color?
  Hublo's primary brand color is #374151. It anchors the visual identity across their website, product UI, and marketing materials.

• What accent color does Hublo use?
  Hublo uses #0A1254 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

• What font does Hublo use?
  Hublo uses Nunito for body text and Trebuchet MS for headings. Fonts were detected on http://hublo.com as part of their live design system.

• Does Hublo use a light or dark theme?
  Hublo's primary site uses a light color scheme, with a background of #FFFFFF.