DG
Dragon's Gate Development
Client: Mane Financial Pty Ltd
Project: Website Redesign
Prepared: April 2026
Stage: Design Proposals — Round 2

Four directions.
One decision.

Four distinct design approaches for the Mane Financial website — each with different typography, colour systems, and layout philosophy. Click any card or use Open in full to review at full scale. All prototypes are fully interactive.

Option A
Option A
Midnight Editorial
Charcoal · Amber · Bebas Neue + Libre Baskerville

Bold and unapologetic. Deep charcoal with electric amber accents. Large Bebas Neue display type beside italic Baskerville serif — confident contrast that reads more like a financial magazine than a broker's website. Services as an animated horizontal list. Amber ticker band for movement.

Charcoal / Amber / Off-white
Dark theme Editorial High contrast Bold type
Open in full
Option B
Option B
Soft Prestige
Warm White · Terracotta · DM Serif Display + Epilogue

Refined and approachable. Pure white and warm off-white with a single terracotta accent — no competing colours, no visual noise. DM Serif Display in italic cuts handles all headlines. Service rows animate with a vertical bar. The calculator sits naturally inside the process section.

White / Terracotta / Slate
Light theme Refined Serif-led Single accent
Open in full
Option C
Option C
Warm Authority
Forest Green · Cream · Copper · Cormorant Garamond

Premium and grounded. Deep forest green contrasts with warm cream. Cormorant Garamond brings an authoritative quality to headlines. Rolling copper marquee strip adds character. Services use a clean two-column grid. Best for clients who want to project experience and trustworthiness above all else.

Forest / Cream / Copper / Ink
Split theme Premium Trust-first Organic tones
Open in full
Option D
Option D — New
Tash Lends Formula
White · Near-black · Libre Baskerville + Nunito Sans

A faithful application of the Tash Lends site structure to Mane Financial. Same page anatomy: dark hero, intro copy, about section with photo, numbered "How it works" steps, calculator links hub, booking form, resources grid, newsletter signup, and a compliant four-column footer with acknowledgement of country. Clean, editorial, education-first.

White / Near-black / Mid-grey
Light theme New Tash Lends structure Education-first Minimal
Open in full
Side-by-side comparison
A — Midnight B — Soft Prestige C — Warm Authority D — Radical Simplicity
Theme Dark / editorial Light / refined Mixed / premium Light / minimal — Tash Lends structure
Audience Younger, design-aware Broad — first home & refi Investors & self-employed Education-first, first home buyers
Display font Bebas Neue DM Serif Display Cormorant Garamond Libre Baskerville (serif)
Accent colour Amber #F5A623 Terracotta #C0522A Copper #B5632A Near-black only — no colour
Hero layout Split panel Split panel Split panel Full-width dark — Tash style
Services layout Animated list Animated list 2×3 card grid Calculator link cards — Tash style
Calculator Beside process Beside process Beside process Linked calculator hub
Newsletter section Photo + email form
Marquee / ticker Amber Copper
Lender panel
Review cards
Booking form
Tone Confident, striking Calm, trustworthy Premium, authoritative Calm, editorial, trust through clarity