N
NAMH CRM
Design Preview
React · v1.0 · runnable

NAMH CRM
Ready design. Running code.

Next.js 15 + Tailwind + shadcn/ui · Dark + light mode · NAMH brand tokens · 10 screens across 5 portals.

📐 80+ tokens🧱 10+ components🖥 10 screens🌓 light + dark
Foundation
System
Component Library
Palette · typography · buttons · pills · tables · cards · forms.
/design-systemOpen
Entry
Sign In
Split-screen auth with brand hero. Email + password + 2FA + SSO.
/loginOpen
Admin Portal
Admin
Clients
Browse all clients · click any row for the 360° view.
/admin/clientsOpen
Sales
Leads Pipeline
6-column Kanban. Lead scores, SLA timers, filter chips.
/admin/leadsOpen
Finance
Deposit Queue
Bulk actions, fraud flags, PSP routing, auto-approval summary.
/admin/finance/depositsOpen
Finance
Withdrawal Review
Dual-control approval, 10-point AML checklist, audit timeline.
/admin/finance/withdrawalsOpen
Partner & Trader
IB
Partner Dashboard
Master IB workspace. Commission chart, tree, live events.
/ibOpen
Client
Trader's Room
Equity hero, positions, transactions, bonus, rewards tier.
/portalOpen
Operations
Dealing
Dealing Desk
Live exposure. NOP bars, heatmap, trade feed, LP health, kill switch.
/admin/dealingOpen
Marketing
Workflow Builder
Visual automation editor. Palette + node graph + inspector.
/admin/marketing/workflows/no-depositOpen
NAMH CRM React · v1.0 · 2026-04-2310 screens · light + dark · Next.js 15 + Tailwind + shadcn