Melio Brand Identity

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

Quick Facts

Color Palette

• primary: #7849FF
• secondary: #6033E6
• accent: #7849FF
• background: #FFFFFF
• textPrimary: #212124
• link: #EAEDFE

Typography

• primary: PolySans-Slim — Google Fonts
• heading: PolySans-Median — Google Fonts

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#7849FF, textColor=#FFFFFF, borderRadius=8px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#212124, borderRadius=0px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: businesses looking for payment solutions

Melio Brand in the Wild

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

• Understanding your billing receipt – Melio
  • Image:
  • Source: Understanding your billing receipt
• How to sync accounts receivable between Melio and QuickBooks Online – Melio
  • Image:
  • Source: Sync accounts receivable
• Updating a vendor's address while making a check payment – Melio
  • Image:
  • Source: Updating vendor address
• Connect your bank account by verifying with micro-deposits – QuickBooks Bill Pay
  • Image:
  • Source: Connect bank account
• Paying over time after your business has been approved – Melio
  • Image:
  • Source: Paying over time
• How to import multiple invoices at once – Melio
  • Image:
  • Source: Import multiple invoices

Working with these fonts

Not found on Google Fonts? Follow the appropriate procedures if you have permission to use the fonts.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    { "family": "PolySans-Slim", "role": "body" },
    { "family": "PolySans-Median", "role": "heading" }
  ],
  "colors": {
    "primary": "#7849FF",
    "secondary": "#6033E6",
    "accent": "#7849FF",
    "background": "#FFFFFF",
    "textPrimary": "#212124",
    "link": "#EAEDFE"
  },
  "typography": {
    "fontFamilies": { "primary": "PolySans-Slim", "heading": "PolySans-Median" },
    "fontStacks": { "heading": [ "PolySans-Median", "sans-serif" ], "body": [ "PolySans-Slim", "sans-serif" ], "paragraph": [ "PolySans-Slim", "sans-serif" ] },
    "fontSizes": { "h1": "56px", "h2": "48px", "body": "14px" }
  },
  "spacing": { "baseUnit": 4, "borderRadius": "8px" },
  "components": {
    "buttonPrimary": { "background": "#7849FF", "textColor": "#FFFFFF", "borderRadius": "8px", "shadow": "none" },
    "buttonSecondary": { "background": "#FFFFFF", "textColor": "#212124", "borderRadius": "0px", "shadow": "none" }
  },
  "images": { "logo": "https://meliopayments.com/wp-content/uploads/2022/07/Melio_Logo_Purple_01.svg", "favicon": "https://meliopayments.com/wp-content/uploads/2023/05/cropped-Melio_favicon_01-64x64.png", "ogImage": "https://meliopayments.com/wp-content/uploads/2025/12/THUMBNAIL_Homepage-scaled.png" }
}