Heraldic Capital.

Provenance

Heraldic Capital started as a real client engagement for Golden Investmantta in early 2025. After a few months the engagement ended by mutual agreement. Rather than leave the codebase incomplete I finished it into a portfolio showcase — the architecture, the commission system, the contract generation, the KYC workflow all run end-to-end.

This is labeled type: showcase throughout the site exactly so a prospect reading /work/eres (real client, retainer signed each year) and /work/heraldic-capital (showcase, not a live business) can tell the difference without squinting.

Roles

Brand Identity UI/UX Design Full-Stack Development Database Architecture DevOps & Deployment

Overview — digitizing precious metals investment

Traditional gold and precious metals investment has always been opaque and manual — phone orders, paper contracts, spreadsheet portfolios, and zero real-time visibility. Heraldic Capital replaces that entire workflow with a modern digital platform: live pricing, instant portfolio analytics, automated contracts, and a multi-level partner network — all in one application.

Key screens

The platform splits into a public investor-facing front-end and a deep back-office for partners and admins. Eight canonical screens cover both.

heraldic-capital.vercel.app/

heraldic-capital.vercel.app/pricing

heraldic-capital.vercel.app/vip

heraldic-capital.vercel.app/terms

heraldic-capital.vercel.app/dashboard

heraldic-capital.vercel.app/investments

heraldic-capital.vercel.app/payments

heraldic-capital.vercel.app/prices

Five core modules

01 · Live precious metals pricing. Gold, silver, and platinum prices updated 3 times daily from market feeds. Historical charts, price alerts, and buy/sell spread calculations in real-time.

02 · Portfolio dashboard with D3 analytics. Interactive portfolio visualization — allocation breakdowns, performance history, unrealized gains. Custom D3.js charts with drill-down and export capabilities.

03 · 9-level MLM career system. Partner network with 9 career levels, automatic commission calculations, genealogy tree viewer. Volume tracking, qualification criteria, and monthly payouts.

04 · Auto PDF contracts & KYC workflow. Digital onboarding — identity verification, contract generation, e-signature flow. PDF contracts with QR verification codes, compliant with EU financial regulations.

05 · Admin back-office. Complete management console — user management, order processing, commission overrides, reporting. 45 granular permissions across 4 role levels.

Brand identity — premium & trustworthy

A visual system built around gold and stone — communicating trust, stability, and premium positioning for a financial platform.

Colour system. Gold Primary #FACC15, Gold Light #FDE68A, Stone Dark #0C0A09, Stone Light #F5F5F4.

Typography. Playfair Display + Inter — display, body, UI.

Tech stack

• Frontend — Next.js 15, React, TypeScript
• Styling — Tailwind CSS, shadcn/ui
• Backend — Next.js API routes, Server Actions
• Database — PostgreSQL, Prisma
• Auth — NextAuth.js, role-based access control
• Charts — D3.js, Recharts
• Documents — jsPDF, QR codes
• Deploy — Vercel, Edge Functions

Results — what was shipped

Metric	Outcome
Pages	56 — complete investor portal: dashboard, portfolio, contracts, admin
API endpoints	54 — RESTful API for pricing, orders, commissions, KYC, reporting
MLM levels	9 — career system with automatic qualification and payouts

Why it matters

I point prospects at this when the brief involves a regulated vertical (finance-adjacent, MLM-adjacent, KYC-adjacent). The architecture choices — event-sourced commission ledger, signed-PDF pipeline, admin/back-office separation — are reusable across similar briefs.