Skip to main content

Customizing Look and Behavior

Theming Capabilities

  • Font - Melio uses a single font throughout the app, you can replace the font with a different system font or a custom font you must provide to us in WOFF and WOFF2 formats
  • Global colors - all colors can be customized. Melio uses a numbered color palette (100 to 1000, 600 is the base color, 100 is the brightest, 1000 is the darkest).
    • Brand - Your brand color, the main color used.
    • Neutral - gray colors (100 - white, 1000 - black)
    • Critical - Red color used for errors.
    • Warning - Yellow color used for warnings
    • Success - Green color used for positive feedback
  • Component colors - some component colors can be changed independently from the global color used
    • Link - link colors for default, hover and active states can be customized
  • Text sizes - text sizes and line heights can be changed for various typographical elements (headers, body, etc…)

Configurable Behavior

  • Available funding source types - Partners can choose what funding sources are available for Payors to add to their account (Bank account, credit card and debit card)