HeadFavour

Category	Fintech / Investment Platform
Type	Consumer Mobile
Status	Live

Two user types: mini-investors — everyday people with idle funds, not institutional — and business owners — small Nigerian businesses (bakeries, fashion designers, barbers, photographers) raising structured investment.

MonieMatch connects mini-investors with local businesses and provides the infrastructure to make those investments work.

Highlights

Dual brand token system — distinct landing-page and in-app palettes/fonts that never appear on the same screen

Fraunces italic used purposefully for emotional emphasis — match taglines, hero copy, Naira amounts

Match score displayed 0–99, never 100 — a deliberate acknowledgment that a perfect match doesn't exist

Star trust-level system (Starter→Elite / Explorer→Elite) gating investment limits from ₦250k to ₦15M+

Desktop phone frame — the app renders inside a 390×844px frame on desktop rather than stretching full width

Forest (investor) vs Clay (business) as consistent role-colour signals across buttons, tabs, and progress rings

Features

Match Score & Compatibility

A 0–99 compatibility gauge (MatchDial) pairs investors with businesses — never 100, by design.

Star Trust Levels

A five-tier trust system for both investors and businesses, gating investment limits from ₦250k to ₦15M+.

Portfolio Tracking

Deployed totals, position cards, and an updates feed for every active investment.

Realtime Chat

Per-match messaging over Supabase Realtime between investors and business owners.

Voice-to-Text Reporting

A four-stage flow lets business owners file monthly revenue reports by voice.

Colours

Logo in brand colours

Gold

Amber

Terracotta / Clay

Forest

Cream

Ink

Bone

Snow

Typography

Role	Font	Notes
Landing — Body/UI	Host Grotesk	Weights 400–700
App — Display	Fraunces	Weights 400–700, italic support — headlines, match scores, Naira amounts
App — Body	Nunito	Weights 400–900 — body copy, labels, buttons

Tech Stack

Layer	Technology
Framework	Next.js 14 (App Router)
Language	TypeScript
Styling	Tailwind + CSS custom properties
Auth + DB	Supabase (Postgres + RLS + Auth + Realtime)
Storage	Supabase Storage (4 buckets)
Icons	lucide-react
Animation	Framer Motion (landing)
Deployment	Vercel

Key screens

Landing Page Hero

Try a Match screen