Design Discourse course catalog with geometric pattern bands

Summary

Educational course catalog featuring a vertical stack of seven color-coded horizontal bands, each pairing course metadata with a distinct geometric fill pattern.

Visual description

A compact, vertically stacked listing of course modules, each occupying a full-width horizontal band. Each band is divided into two halves: the left side (roughly 35%) contains a course icon, number, and title in a darker shade; the right side (65%) features a repeating geometric pattern (striped, wavy, modular, or tessellating shapes) in high-contrast colors that complement the left section. Color palette cycles through blues, purples, oranges, greens, and grays. Typography is clean sans-serif for course names and numbers. No photography, purely geometric abstraction on the pattern side.

Key takeaway

The two-part band structure (metadata + pattern) is a modular, scannable way to differentiate course modules without visual redundancy. The repeating geometric fills are economical and visually striking, and each pattern's style (striped, circular, organic) adds microvariation within the consistent band layout. This is a strong education/professional template that scales easily.

Reuse notes

Ideal for course listings, curriculum overviews, or any educational product taxonomy needing distinct visual modules. Works well for design schools, professional development platforms, or B2B training catalogs. The pattern-based differentiation is more scalable and less jarring than flat colors alone.