Proof Card Grid — Diploma Holder Cohort Block
A mid-page trust block styled as a grid of cards showing where program graduates now work, so mid-career visitors move from credibility-checking to self-identification with the cohort — pilots a certification program but the pattern fits any program where the cohort is part of the value.
Best for: Mid-page trust blocks on certification, cohort, and credential program pages where the visitor needs to see who else has done the program and where it took them.
Live preview — scroll inside the frame to see the full page.
What it does
- Cohort card grid — a clean grid of cards, each carrying one graduate's portrait, name, current role, and employer
- Recognizable settings — employer names land where they reinforce credibility (without over-listing or feeling like a brag)
- Self-identification scaffold — the diversity of roles and companies makes it easy for visitors to find someone like them
- Quiet section framing — a short header introduces the block ("diploma holders work at") without overselling
- Hover-friendly card detail — each card can reveal a one-line outcome or graduation year on hover
Best use cases
- Certification programs — graduate placement proof
- Cohort programs and bootcamps — alumni outcomes block
- Continuing education — where program graduates work now
- Coaching certifications — coach roster proof for prospective trainees
- Memberships with named members — featured-member grid for credibility
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — section background, card backgrounds, role text color, and accent for employer names. Swap for any program register.
- Fonts — two roles: a clean sans for names and roles, and a slightly different weight for employer names and outcomes
- Copy — section header, individual graduate names, roles, employers, and optional one-line outcomes
- Images — graduate portraits and optional small employer logos on each card
- Behavior — control grid density, hover detail reveal, and whether the grid filters by cohort year or industry
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.