Mockup gallery
Click any tile to preview. Consistent design system: Fraunces + DM Sans, ink/primary/amber palette, rounded cards, card-hover animation.
View officer / admin dashboardsLearner side
Login
Email + password · social auth · forgot link
OpenRegister
Multi-step signup · trial promise · validation
OpenForgot Password
Email reset · success state
OpenDashboard (Applicant)
Hero card · DISC · Live · Mastery · Programs
OpenPricing
Monthly/Annual toggle · 3 plans · FAQ
OpenSubscription
Current plan · invoices · payment method · cancel
OpenProfile
Avatar · personal info · DISC summary · prefs
OpenMy Programs
Continue learning hero · filters · 5-card grid
OpenCompetency
Radar chart · 6 competencies · pre/post lift
OpenDISC Profile
Diamond radar · 4 dimensions · working-with-me
OpenCertificates
Cert hero · grid · QR verifier · share modal
Open