HeadFavour

Category	Productivity / AI Analytics
Type	SaaS Dashboard
Status	Live

Nigerian/Lagos builder-culture inspired — dashboards over marketing fluff, dense data-forward UI over big soft illustrations. Freemium: a public no-signup demo, a free bring-your-own-API-key tier, and two paid tiers across NGN and USD gateways.

A personal idea-intelligence dashboard for AI-native builders. Exports of Claude/ChatGPT conversation history are synced in; an LLM reads the raw transcripts and extracts distinct ideas, grading, classifying, and surfacing what to do next.

Highlights

User-owned theming — accent colour and font are runtime-swappable CSS custom properties written to localStorage, not a hardcoded brand lock

Grounded AI, not generic AI — General Insights and the AI Personality features are engineered to only state things derivable from the user's real numbers, enforced at the system-prompt level

AI Personality/Temperament archetypes (Builder/Researcher/Explorer/Founder/Creator × Strategos/Kairos/Poietes/Sophron) scored from real usage, returning "Unknown" rather than a fake result when there isn't enough data

Live public demo mirrors the entire authenticated product 1:1 with seeded data and every mutating action safely disabled

Uppercase mono micro-labels with wide tracking on every section/field label — the one recurring rule that makes the UI read as a system

Features

AI-Powered Idea Extraction

Sync a Claude/ChatGPT export and an LLM extracts distinct ideas, grades them on 5 axes, and suggests next steps.

Portfolio Analytics

Time-range-filterable charts across ideas, grades, sectors, and conversation volume, with auto-generated text insights.

General Insights

AI-synthesized narrative observations across the whole portfolio, grounded only in real computed stats.

Connected Ideas

Pairwise similarity scoring surfaces related ideas as a browsable graph with a recommendations modal.

AI Builder Profile

A downloadable, shareable profile — productivity score, an AI Personality archetype, and an AI Temperament archetype, computed entirely from the user's own data.

Colours

Typography

Role	Font	Notes
Sans (body/UI)	Geist Sans
Mono (data/labels)	Geist Mono	JetBrains Mono available as an alternate
Display (optional, user-selectable)	Rancho / Edu SA Beginner	Applied only to headings via a class on <html>

Tech Stack

Layer	Technology
Framework	Next.js (App Router, TypeScript)
Styling	Tailwind CSS v4
Motion	Framer Motion
Backend	Supabase (Postgres + Auth)
AI	Claude API (Haiku for frequent calls, Sonnet for extraction)
Charts	Recharts
Icons	Phosphor Icons
Deployment	Vercel