XHLXpert Home Lending

Brand Resources

Brand Guidelines

Official Xpert Home Lending logos and marks. Download the PNG, or copy email‑safe HTML that renders the logo crisply at any size — no image hosting required.

01

Download PNG for documents, slides, print, and anywhere an image works best.

02

Copy HTML for email signatures and HTML emails — table‑based, inline‑styled, safe in every client.

03

Keep it exact — no recoloring, stretching, shadows, or rounded corners. Clear space = the height of the XHL box.

Primary Lockup

The full XHL + Xpert Home Lending lockup for light backgrounds. Download the resolution you need — the HTML version renders crisply at any size.

Full Lockup — Dark Backgrounds

The full lockup tuned for dark surfaces. “Transparent” variants overlay onto any dark background; the rest ship with their backdrop baked in.

White on Charcoal logo

White on Charcoal

The primary dark-background lockup: white XHL + wordmark on charcoal field. Highest contrast option.

PNG 2400x600

Download PNG
White on Black logo

White on Black

Maximum contrast dark variant. White lockup on true black background. Dramatic, cinematic feel.

PNG 2400x600

Download PNG
Sage on Charcoal logo

Sage on Charcoal

Brand-forward dark variant. Sage lettering on charcoal — the most on-brand dark option.

PNG 2400x600

Download PNG
Cream on Charcoal logo

Cream on Charcoal

Warm cream lettering on charcoal. Softer than pure white — editorial and hand-crafted feel.

PNG 2400x600

Download PNG
White (Transparent BG) logo

White (Transparent BG)

No background fill — drops onto any dark surface or image. Border blends via rgba for subtle integration.

PNG 2400x600

Download PNG
Cream (Transparent BG) logo

Cream (Transparent BG)

Warm cream lockup on any dark surface. Softer than white-transparent, editorial character.

PNG 2400x600

Download PNG

Standalone Mark — Light Backgrounds

The XHL mark on its own, for avatars, favicons, stamps, and tight spaces on light surfaces.

Standalone — Dashed Border (Light) logo

Standalone — Dashed Border (Light)

XHL mark with dashed sage border and charcoal text. The drafting-table construction-mark aesthetic.

PNG 453x309

Download PNG
Standalone — Solid Border (Light) logo

Standalone — Solid Border (Light)

XHL mark with solid sage border and charcoal text. The grounded counterpart to the dashed variant.

PNG 453x309

Download PNG
Standalone — Minimal (Light) logo

Standalone — Minimal (Light)

Just the XHL wordmark in charcoal. No border. The quietest brand mark — for tight spaces.

PNG 321x237

Download PNG
Standalone — Sage Fill logo

Standalone — Sage Fill

Sage-filled XHL block with solid charcoal border and charcoal text. The branded, stamp-like mark.

PNG 453x309

Download PNG
Standalone — Filled Dark logo

Standalone — Filled Dark

Charcoal-filled XHL block with cream lettering. The inverse stamp — strong presence on light surfaces.

PNG 453x309

Download PNG

Standalone Mark — Dark Backgrounds

Standalone marks tuned for dark surfaces.

Standalone — Dashed White logo

Standalone — Dashed White

White dashed border and text on transparent bg. Designed for dark surfaces.

PNG 900x660

Download PNG
Standalone — Dashed Sage logo

Standalone — Dashed Sage

Sage dashed border and text. The most on-brand dark-surface standalone mark.

PNG 900x660

Download PNG
Standalone — Solid White logo

Standalone — Solid White

White solid border and text on transparent. Crisper than the dashed variant.

PNG 900x660

Download PNG
Standalone — Solid Sage logo

Standalone — Solid Sage

Sage solid border and text. Precise and on-brand for dark surfaces.

PNG 900x660

Download PNG
Standalone — Minimal White logo

Standalone — Minimal White

Plain white XHL wordmark. No border, no fill. Maximum quietness on dark surfaces.

PNG 900x660

Download PNG
Standalone — Minimal Sage logo

Standalone — Minimal Sage

Plain sage XHL wordmark on transparent. The most restrained on-brand dark variant.

PNG 900x660

Download PNG
Standalone — Minimal Cream logo

Standalone — Minimal Cream

Plain cream XHL wordmark on transparent. Warm, softer alternative to minimal white.

PNG 900x660

Download PNG
Standalone — Sage Fill, White Text logo

Standalone — Sage Fill, White Text

Sage-filled XHL block with white lettering. Brand-forward stamp for dark surfaces.

PNG 900x660

Download PNG
Standalone — White Fill, Dark Text logo

Standalone — White Fill, Dark Text

Pure white block with charcoal lettering. Bold high-contrast punch — drops onto any dark field.

PNG 900x660

Download PNG
Standalone — Charcoal Fill, Sage Border logo

Standalone — Charcoal Fill, Sage Border

Charcoal block, cream lettering, sage outline. The most architectural of the standalone variants.

PNG 900x660

Download PNG

Email Signatures

Two ready-to-use signature templates. Copy the HTML into your email client's signature editor (or a signature generator), then personalize the highlighted fields — everything else stays as-is.

Customize these fields: your name · title · personal NMLS # · phone number (appears in three places) · email address · the YOUR-MEETING-LINK scheduling URL. The company NMLS, address, and disclaimer stay unchanged.
Adding your headshot: the "AB" initials tile in the With Headshot version is a stand-in for your photo. Replace the inner initials table with your hosted image (square crop): <img src="YOUR-HEADSHOT-URL" width="88" height="88" alt="Your Name" style="display:block; width:88px; height:88px;"> — the dashed frame around it stays. No photo yet? Leave the initials tile in place (just change the letters) or use the Without Headshot version.

Brand Colors

The palette is intentionally restrained — sage and charcoal do most of the work. Click any swatch to copy its hex.

Typography

Two families, no exceptions. DM Serif Display for headlines (regular weight only), DM Sans for everything else.

Headlines

DM Serif Display

Weight 400 only · never bolded

Body & UI

DM Sans

300 / 400 / 500 / 700

Google Fonts import
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap" rel="stylesheet">