DOCUMENTATION HUB
  • Welcome
  • Platform
    • Platform Overview
    • Partners & Sites
    • Lender Hub Pipeline View
    • Landing Pages
    • Loan Assignment Links
    • Loan Officer Pages
    • Borrower Tasks
    • Borrower Document Uploads
    • Milestones
    • Troubleshooting Encompass eDisclosure packages
    • Testing Procedures
    • Blueprints
    • Sagas
      • Saga Methods Reference
    • Pushback Endpoints
    • Third Party Integrations
      • Credit Providers
        • CBC / Factual Data
        • Meridian Link
        • CoreLogic - CredCo
        • Informative Research
      • Loan Origination Systems (LOS)
        • BytePro
        • MortgageFlex
        • MeridianLink Mortgage
        • Encompass
      • Verification of Assets (VOA)
        • AccountChek by FormFree
        • Finicity
      • Verification of Employment/Income (VOIE)
        • The Work Number
      • Pricing Engines
        • Optimal Blue
        • Mortech
        • EPPS
        • PriceMyLoan
        • Polly
      • Payment Vendors
        • Celero Commerce (formerly Transnational)
      • AUS
        • Desktop Underwriter (DU)
        • Loan Product Advisor (LPA)
      • eSign
        • Dropbox Sign (formerly HelloSign)
        • DocuSign
        • EllieDocs
      • Fees
        • SmartFees
      • Customer Relationship Management (CRM)
        • SalesForce
        • TotalExpert
        • Velocify
      • Private Mortgage Insurance
    • Single Sign-On (SSO)
    • UI/UX Customizations
    • DNS Setup
    • Email White Labeling Setup
    • Notifications
    • Analytics
    • Pre-Qualification Letter
    • Teamwork
    • Reset Password
    • Webhooks
  • Encompass e-Disclosure Integration
  • Create Applications from Encompass Loans
  • Access Level Management
  • Lender Hub User Management
  • Reports Tab
  • API
    • API Overview
    • API Playground
  • Release Notes
    • Release Notes Overview
    • 2025 Release Notes
      • May 7th, 2025 Release Notes
      • April 9th, 2025 Release Notes
      • March 5th, 2025 Release Notes
      • February 5, 2025 Release Notes
      • January 8, 2025 Release Notes
    • 2024 Release Notes
      • December 4, 2024 Release Notes
      • November 6, 2024 Release Notes
      • October 10, New Feature Release: Task Due Dates & Notifications
      • October 2, 2024 Release Notes
      • September 4, 2024 Release Notes
      • August 7, 2024 Release Notes
      • July 10, 2024 Release Notes
      • June 5, 2024 Release Notes
      • May 1, 2024 Release Notes
      • April 3, 2024 Release Notes
      • March 11, 2024 Release Notes
      • February 6, 2024 Release Notes
      • January 24, 2024 Release Notes
      • January 10, 2024 Release Notes
    • 2023 Release Notes
      • December 27, 2023 Release Notes
      • December 12, 2023 Release Notes
      • November 29, 2023 Release Notes
      • November 15, 2023 Release Notes
      • November 1, 2023 Release Notes
      • October 17, 2023 Release Notes
      • September 27, 2023 Release Notes
      • September 6, 2023 Release Notes
      • August 16, 2023 Release Notes
      • August 15, 2023 Release Notes
      • July 27, 2023 Release Notes
      • June 27, 2023 Release Notes
      • June 7, 2023 Release Notes
      • May 17, 2023 Release Notes
      • April 25, 2023 Release Notes
      • April 4, 2023 Release Notes
      • March 15, 2023 Release Note
      • February 21, 2023 Release Notes
      • January 31, 2023 Release Notes
      • January 4, 2023 Release Notes
    • 2022 Release Notes
      • December 7, 2022 Release Notes
      • November 15, 2022 Release Notes
      • November 1, 2022 Release Notes
      • October 4, 2022 Release Notes
      • September 13, 2022 Release Notes
      • August 31, 2022 Release Notes
      • August 2, 2022 Release Notes
      • July 13, 2022 Release Notes
      • June 22, 2022 Release Notes
      • June 1, 2022 Release Notes
      • May 10, 2022 Release Notes
      • Apr 19, 2022 Release Notes
      • Mar 29, 2022 Release Notes
      • Mar 8, 2022 Release Notes
      • Feb 15, 2022 Release Notes
      • Jan 25, 2022 Release Notes
      • Jan 5, 2022 Release Notes
    • 2021 Release Notes
      • Dec 21, 2021 Release Notes
      • Nov 22, 2021 Release Notes
      • Nov 2, 2021 Release Notes
      • Oct 12, 2021 Release Notes
      • Sep 22, 2021 Release Notes
      • Aug 24, 2021 Release Notes
      • Aug 4, 2021 Release Notes
      • Jun 22, 2021 Release Notes
      • May 28, 2021 Release Notes
      • May 12, 2021 Release Notes
      • Apr 13, 2021 Release Notes
      • Mar 23, 2021 Release Notes
      • Feb 26, 2021 Release Notes
      • Feb 9, 2021 Release Notes
    • 2020 Release Notes
      • Dec 1, 2020 Release Notes
      • Nov 10, 2020 Release Notes
      • Oct 20, 2020 Release Notes
      • Sep 28, 2020 Release Notes
      • Sep 13, 2020 Release Notes
      • Aug 17, 2020 Release Notes
      • Jul 30, 2020 Release Notes
      • Jul 13, 2020 Release Notes
      • May 28, 2020 Release Notes
      • May 5, 2020 Release Notes
  • Client Resources
    • Client Resources Overview
    • Third Party Integrations Overview
    • Maxwell Onboarding Overview
    • Support Portal Quick Reference
    • Lender Hub User Management
    • Duplication of Applications
  • Broker Origination System (BOS)
    • Borrower Tasks in the Lender Hub
    • Exporting Client Documents from the Lender Hub
    • Exporting the MISMO 3.4 from the Lender Hub
    • Reset Password
  • Maxwell Business Intelligence
    • Data Dictionary
Powered by GitBook
On this page
  • What can be customized?
  • What Branding Materials Should You Provide?
  • Site Colors
  • Logo Specs
  • Background images
  • A Deeper Dive
  • Customizations Overview
  • Color Palettes
  1. Platform

UI/UX Customizations

What can be customized?

A lot! We have created a powerful Customizations Engine, which supplies many customizations to the Borrower Hub and Lender Hub apps.

Some examples of what can be customized per partner or site:

  • Logos, header colors, shadows, layout spacing

  • Primary and Secondary color palettes

  • Fonts and images

  • Any piece of text in the app can be customized and/or translated to multiple languages

  • Custom javascript code for third-party services integrations (such as Google Tag Manager)

What Branding Materials Should You Provide?

When we setup your new site we will ask for your marketing website, logo, brand colors, background images and any specific instructions that you may have, such as a Branding Style Guide. After that our UI/UX team will brand the site and make adjustments as requested. We will work closely with your marketing team to yield the best possible results.

The best visual customization results turn out when clients provide us their Branding Style Guide.

Here is what you should provide:

Site Colors

Please let us know which option you choose:

  1. Provide us with some or all of the following:

    • Your Branding Style Guide,

    • Your Primary Color in #HEX format,

    • Your Secondary Color in #HEX format,

    • Your website address.

  2. Let us derive them from your existing branding - alternatively, we can use your logo and your marketing site colors to derive your primary and secondary colors. We will only need your marketing website address.

Logo Specs

  1. File format:

      • have transparent background (white or other backgrounds will not work)

      • have minimum height of 150px.

  2. Background: The background of PNG files MUST BE TRANSPARENT.

  3. Aspect ratio: Rectangular! if you have several versions of your logo (one more vertical and one more horizontal) then provide us the one that is most horizontal. If unsure, then send us all logo versions that you have.

  4. No White Space - the logo should fill the image completely. Do not leave white space between the logo and the image borders.

  5. Other specs: If you request a site with a white/near-white header bar, then we need a color version of your logo (not black-only or white-only).

Which version of your logo to choose? It is important that you choose the version that will best fit in horizontal headers. The logo version that looks the most like a horizontal rectangle will work the best.

Avoid logos with additional slogans in smaller letters, and ones that have the logo elements stacked vertically.

Choosing the right logo version will ensure that your sites will look good and professional. See the examples below as a guideline.

Background images

Any background images for the welcome Start Page or Landing Pages should be:

  • File format: JPG or PNG

  • Orientation: Landscape.

  • Ideal Dimensions: Width 1920 pixels; height 1080 pixels.

  • Minimum Width: 1500 pixels.

  • Constraints: Areas of the image that you want to be visible must be away from:

    • Edges and corners. The user’s browser may crop the image based upon factors beyond Maxwell's control such as device screen size or browser size.

    • The center. This is valid only for the Start Page. The white area containing the welcome message and Start Application button will cover this area.

  • See the next page for an example that will help you visualize these constraints.

A Deeper Dive

This section is totally optional. It can be useful if you want to understand a bit more about some of the customization options.

Customizations Overview

The following PDF illustrates with examples the basic Borrower Hub and Start Page customizations:

Color Palettes

Here you can learn more about how our Design System uses your main and secondary brand colors to create a set of darker and lighter shades of them, called palettes. These palettes are in turn used to automatically color the hundreds of UI elements that create the user experience:

PreviousSingle Sign-On (SSO)NextDNS Setup

Last updated 1 year ago

Preferred Option: Vector (EPS or SVG format).

Acceptable Option: a PNG image format is acceptable if you absolutely cannot provide a vector logo. Note that PNG image quality may be slightly less than with a vector format. The image must:

DO NOT SEND: JPG / JPEG files

👍
👎
❌
4MB
Customizations High-Level Overview-V2.pdf
pdf
324KB
Design System Palettes.pdf
pdf
Color Palettes (PDF)