Padzilly — Realtor Pre-Launch Invitation: Email + Landing Page Design Spec

Padzilly Design Specification

Realtor Pre-Launch Invitation — Email & Landing Page

Scenario: a loan officer invites a Realtor to join Padzilly before a shared buyer exists. Two deliverables below, followed by developer notes.

Deliverable 1 Realtor invitation email — 600px, table-based, email-client safe

From

Sheryl Parks via Padzilly <[email protected]>

Subject

You're Invited to the Future of Home Search

Preheader (hidden): Discover how you can help buyers shop only for homes they can actually buy.

PADZILLY

You're Invited to the Future
of Home Search

Sheryl Parks has invited you to experience a smarter way to help buyers search for homes.

Hello Bert,

Sheryl Parks believes Padzilly can help you deliver a better homebuying experience and has invited you to join her on the platform.

Unlike traditional home search websites that show buyers every available listing, Padzilly evaluates every property using the buyer's approved financing before they ever see it — helping buyers focus on homes they can actually buy while giving Realtors and loan officers a better way to work together.

Homes They Can Buy. Not Homes They Can Only Dream About.

Every property alert is a home your buyer can buy today.

Instead of creating a traditional MLS search that sends homes your buyer may not qualify for, build the search inside Padzilly. Every matching listing is evaluated using the buyer's approved financing before the alert is sent, displaying lender-qualified monthly payments and cash to close — so every property they receive is a genuine buying opportunity.

Keep Buyers Shopping With You

The best way to keep buyers from leaving is to give them a reason to stay.

Padzilly gives buyers a home search experience built around their approved financing, with every listing personalized to their buying power. Instead of drifting to national real estate portals designed to connect them with competing agents, buyers stay engaged within your branded home search experience from search to offer.

Stronger Offers Start Here

Every approval letter matches the property — and the offer.

Padzilly automatically generates property-specific approval and offer letters based on the buyer's financing and proposed purchase price. Instead of submitting generic approval letters, you'll present offers that are accurate, professional, and inspire greater confidence with listing agents.

The Missing Link Between Home Search and Financing

Home search and financing finally work together.

For the first time, your buyers, loan officer, and home search all work from the same financing information. The result is fewer surprises, better collaboration, stronger offers, and a smoother path to closing.

Courtesy of Your Lending Partner

Your Padzilly Realtor Portal is provided at no cost by Sheryl Parks as part of a better homebuying experience for your shared clients.

✓No setup fees

✓No monthly subscription

✓Takes less than a minute to activate

Accept Your Courtesy Invitation

We look forward to welcoming you to Padzilly.

The Padzilly Team

Deliverable 2 Realtor invitation landing page — responsive, semantic HTML/CSS

PADZILLY

Better Together

Invited by Your Lending Partner

Welcome to the Future of Home Search

Sheryl Parks has invited you to join Padzilly.

Discover a smarter way to help buyers shop only for homes they can actually buy.

Accept Your Courtesy Invitation

Why Realtors Choose Padzilly

Homes They Can Buy. Not Homes They Can Only Dream About.

Every property alert is a home your buyer can buy today, with lender-qualified monthly payments and cash to close displayed on every listing.

Keep Buyers Shopping With You

Give buyers a branded home search experience built around their approved financing instead of sending them to national portals designed to connect them with competing agents.

Stronger Offers Start Here

Create property-specific approval and offer letters that match the exact property and proposed offer price.

The Missing Link Between Home Search and Financing

Keep the buyer, Realtor, loan officer, home search, and financing aligned from the first search through the accepted offer.

Courtesy of Your Lending Partner

Your Padzilly Realtor Portal is provided at no cost by Sheryl Parks.

✓No setup fees

✓No monthly subscription

✓Takes less than a minute to activate

Accept Your Courtesy Invitation

•

Developer Notes Dynamic content, tokens, responsive behavior, and build specs

Dynamic content — must be templated, not hard-coded

Field	Appears in	Example token
Loan officer name	Email from-name, subject line context, greeting body, portal section, landing page eyebrow/hero	`{{loan_officer_name}}`
Realtor recipient name	Email greeting ("Hello Bert,")	`{{realtor_first_name}}`
Invitation / activation URL	Email CTA, landing page primary + secondary CTA	`{{invitation_url}}`
Sign-in URL	Landing page footer link	`{{signin_url}}`
Padzilly logo URL	Email header, landing page header	`{{padzilly_logo_url}}`
Loan officer company / profile info	Not shown in current copy, but reserve a slot near the "Courtesy of Your Lending Partner" section if a company name or NMLS ID needs to display later	`{{lo_company_name}}`

Email build requirements

Recommended width: 600px, table-based layout (role="presentation" tables, not divs) for Outlook/Gmail compatibility.
Use inline styles in production, not a linked stylesheet — most email clients strip <head> styles.
No JavaScript, no external web fonts, no background images required for essential content. Font stack: Arial, Helvetica, sans-serif.
Hidden preheader text (max ~100 characters) should be included as a hidden <div> immediately after the opening body table, e.g. "Discover how you can help buyers shop only for homes they can actually buy."
One primary CTA link only (Accept Your Courtesy Invitation). Avoid image-only sections — all copy must render as live text.
Logo: swap the text fallback for <img src="{{padzilly_logo_url}}" alt="Padzilly" width="130"> once a hosted asset URL exists.

Landing page responsive behavior

Breakpoint: 640px. Below this, hero heading drops from 38px to 28px, header/hero/benefit-grid/portal padding tighten, and the 2-column benefit grid collapses to a single column.
Primary CTA stays visible without scrolling on both desktop and mobile — it sits directly under the hero subhead, above the illustration.
Illustration is decorative and may be hidden below ~400px viewport width if vertical space is tight.

Button states

Default: #EB5A2D background, white text, 8px radius (landing page) / 6px radius (email).
Hover/focus (landing page only): darken to #D14A20; include a visible focus outline for keyboard navigation.
Minimum tap target: 44px height on mobile — current padding (16px vertical) satisfies this at all breakpoints.

Colors — sampled from existing Padzilly reference designs

Token	Hex	Use
Navy (dark)	#182A68	Hero gradient start
Navy (brand)	#233C90	Headings, logo mark, primary text accents
Blue (mid)	#2E4FB8	Hero gradient end
Orange (CTA)	#EB5A2D	Primary buttons, kicker accents
Orange (hover)	#D14A20	Button hover/active state
Body gray	#4A4F63	Paragraph text
Pale background	#F4F6FC	Benefit cards, portal box
Hairline	#E7E9F3	Dividers, borders

Typography & spacing

Font stack throughout: Arial, Helvetica, "Segoe UI", sans-serif (system-safe, no external font loading).
Email H1: 23px/1.32, bold. Landing page H1: 38px desktop / 28px mobile, 1.16 line-height, bold.
Body copy: 13.5–14px at 1.6–1.65 line-height for readability at small sizes.
Section rhythm: 26–36px vertical spacing between email content blocks; 40–52px between landing page sections.
Corner radius: 6px on email buttons, 8px on landing page buttons and portal box, 10–14px on cards and outer containers.

Assets

Padzilly logo: currently rendered as a text/SVG fallback in this spec — replace with the hosted logo asset at {{padzilly_logo_url}} in both the email header and landing page header.
Hero illustration: simple two-figure/dashboard SVG shown here as a placeholder concept representing Realtor + lender collaboration; swap for final illustration asset if one exists in the brand library.

Accessibility

All decorative SVGs marked aria-hidden="true"; the hero illustration carries a descriptive role="img" + aria-label since it's meaningful, not purely decorative.
Text/background contrast checked against WCAG AA: white body text on the navy/blue hero gradient, and dark-gray/navy text on white or pale backgrounds throughout.
Buttons sized for comfortable mobile tapping (44px+ height) with visible focus states for keyboard users.
Once the real logo image is in place, include descriptive alt="Padzilly" text.

Realtor Pre-Launch Invitation — Email & Landing Page

You're Invited to the Futureof Home Search

Welcome to the Future of Home Search

Why Realtors Choose Padzilly

Dynamic content — must be templated, not hard-coded

Email build requirements

Landing page responsive behavior

Button states

Colors — sampled from existing Padzilly reference designs

Typography & spacing

Assets

Accessibility

You're Invited to the Future
of Home Search