← Back to demo
TRAPMED · DESIGN SYSTEM · NEXT.JS
TRAPMED — Full design system
Hype landing · auth · gated shop · ecommerce · account · legal · mobile · EN/FR bilingual. Each card below opens a real Next.js route — pick a screen.
01 — Brand identity
Logo · type · color · sticker language
02 — Signed-out flow
Hype landing → auth → gated shop.
03 — Signed-in commerce
The full purchase loop, logged-in as a verified patient.
04 — Customer account
Logged-in dashboard, order history, prescription file.
05 — Legal & support pages
Privacy, returns, terms — designed-on, not designed-around.
06 — Mobile experience
Different layouts (vertical, sticky CTAs, tab bar) — same purpose as desktop.