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.
| 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 |