BlueHill Payments Brand Identity

A complete profile of BlueHill Payments's visual system — colors, typography, components, and personality — extracted from https://www.bluehillpayments.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.bluehillpayments.com/.

• primary
  • Hex: #111827
  • RGB: rgb(17, 24, 39)
• secondary
  • Hex: #4C5BE1
  • RGB: rgb(76, 91, 225)
• accent
  • Hex: #FF7759
  • RGB: rgb(255, 119, 89)
• background
  • Hex: #FFFFFF
  • RGB: rgb(255, 255, 255)
• textPrimary
  • Hex: #000000
  • RGB: rgb(0, 0, 0)
• link
  • Hex: #4B5563
  • RGB: rgb(75, 85, 99)

Typography

Each font links to its Google Fonts page where available.

• primary
  • ui-sans-serif
  • Google Fonts →
• heading
  • ui-sans-serif

Visual Assets

UI Components

Live previews rendered using BlueHill Payments's actual button styles.

• Input

  • Background: #FFFFFF
  • Text Color: #FFFFFF
  • Border Radius: 6px
  • Shadow: rgb(255, 255, 255) 0px 0px 0px 0px inset, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

• Button Primary

  • Background: #FF7759
  • Text Color: #000000
  • Border Radius: 9999px

• Button Secondary

  • Background: #4C5BE1
  • Text Color: #FFFFFF
  • Border Radius: 8px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses seeking payment solutions

Frequently Asked Questions

• What is BlueHill Payments's primary brand color?
  BlueHill Payments's primary brand color is #111827.

• What accent color does BlueHill Payments use?
  BlueHill Payments uses #FF7759 as an accent color.

• What font does BlueHill Payments use?
  BlueHill Payments uses ui-sans-serif as the primary typeface.

• Does BlueHill Payments use a light or dark theme?
  BlueHill Payments's primary site uses a light color scheme.

• Where can I find BlueHill Payments's logo?
  BlueHill Payments's logo is available directly on their site: Logo Link.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "ui-sans-serif",
      "count": 77
    },
    {
      "family": "system-ui",
      "count": 77
    },
    {
      "family": "sans-serif",
      "count": 77
    },
    {
      "family": "Apple Color Emoji",
      "count": 77
    },
    {
      "family": "Segoe UI Emoji",
      "count": 77
    },
    {
      "family": "Segoe UI Symbol",
      "count": 77
    },
    {
      "family": "Noto Color Emoji",
      "count": 77
    }
  ],
  "colors": {
    "primary": "#111827",
    "secondary": "#4C5BE1",
    "accent": "#FF7759",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#4B5563"
  },
  "typography": {
    "fontFamilies": {
      "primary": "ui-sans-serif",
      "heading": "ui-sans-serif"
    }
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses seeking payment solutions"
  },
  "images": {
    "logo": "https://www.bluehillpayments.com/BlueHill%20-%20LightBG.svg",
    "favicon": "https://www.bluehillpayments.com/favicon.ico",
    "ogImage": "https://www.bluehillpayments.com/logo.png"
  }
}