Preview image. Unlock full-res
Four modular course cards stacked horizontally, each with a solid monochromatic background and paired geometric shape in contrasting color.
Summary
Four modular course-card templates in monochromatic colors (cyan, teal, yellow, indigo), each pair pairing a bold sans-serif title with a simplified rounded-rectangle shape in white.
Visual description
Set of four identical card layouts arranged left to right against a near-black background. Each card spans roughly the same dimensions but in distinct solid-color backgrounds: bright cyan, deep teal, golden yellow, and vibrant indigo. Within each, a large outlined sans-serif title sits top-aligned (e.g. "Digital Product Management", "Data-Informed Decisions", "Optimal Product Management", "Agile Product Management"). Below, a small horizontal label banner (white outlined-text on dark overlay) specifies the delivery format (e.g. "LIVE ONLINE", "WORKSHOP", "IN-PERSON"). A pair of white geometric rounded-rectangle shapes—solid and hollow—sit at bottom-right, establishing a signature pattern that repeats across all four templates. Light gray footer text ("Productside" or similar) grounds each card.
Key takeaway
Modular card system that scales through color variation alone, keeping structure identical. The small geometric shape pair becomes a memorable device—a visual signature that ties the system together without adding complexity. High-contrast flat-color backgrounds make monochromatic type legible without drop-shadows or effects.
Reuse notes
Ideal for SaaS course catalogs, educational product suites, or b2b software comparison tools. The strict geometry and high contrast work well for mobile and small-screen viewing. Solid-color backgrounds allow flexible text overlays. Not suitable for photo-heavy content or warm palettes.
