Design style: Modern (confident fintech). One-line identity: the bright version of the broker dashboard — a clean, airy, trust-forward daytime UI; the light twin of LoanOfficer-T1-Dark.
Brand accents are shared with the dark twin; the ground, surfaces, text and borders are the light remap (body.light). Cyan is darkened to #0A8AA0 for contrast on white. Note: the ticker, footer and .sec-black blocks stay dark on purpose and there restore the raw cyan #06B6D4.
Lede — One application, 60+ lenders, and an advisor who treats your loan like a strategy, not a transaction. (18px, weight 300, --t2)
Body — Modern technology doing the busywork, a real person making the calls. Base body text is 15px in Mona Sans, color --t2 (#3B4350), line-height 1.6.
Small — Joint income profile · indicative only. (13px, --muted #667085)
Primary — --bluetiful #4353FF fill, white text, glow shadow 0 10px 34px -10px rgba(67,83,255,.75); radius 10px, padding 14px 24px, weight 600. Hover: background shifts to --sky #197BFF and lifts translateY(-2px); the arrow icon slides +4px right.
Secondary (ghost) — transparent with a --b-strong border; on the light theme its text is #0C1016. Hover: border + text turn cyan --caribbean #0A8AA0 with a faint --cy-bg wash. Hover the samples above to see the real states.
Light fields use a #F4F7FB fill, --b-mid border, 11px radius, 14px×16px padding, #0c1016 text. Focus swaps the border to --bluetiful with a rgba(67,83,255,.06) wash.
We compare the whole panel and bring you the loan that actually fits — not the one that pays the most commission.
Explore lenders →White surface, 18px radius, --b-mid border, soft shadow. Hover lifts the card and reveals a cyan top-edge gradient. Icon chips on light become solid --bluetiful with white glyphs.
Translucent white bar (rgba(255,255,255,.84) + 18px blur). Active pill uses rgba(67,83,255,.1) with a blue inset ring and --bluetiful text.
21st Century Lending — modern mortgage advice, 60+ lenders on a single application.
The footer, the top ticker and .sec-black blocks deliberately stay dark (--black-knight #00050D) in this light theme for contrast, and inside them the tokens revert to the dark palette (raw cyan #06B6D4, light text #D6DAE4).
Inline SVG throughout (Lucide-style 24×24, 2px stroke, currentColor) — no icon font or external sprite.
One application, 60+ lenders, and an advisor who treats your loan like a strategy — not a transaction.
Across 2,300+ borrowers, on a single application comparing 60+ lenders.
See how it works →Generated as a design reference for LoanOfficer-T1-Light. Values mirror the inline styles in home-light.html. No tracking or external scripts.