GitHub Education upcoming events grid

GitHub Education upcoming events grid, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark events section with gradient headline and three equal event cards showing abstract thumbnails, dates, and platform tags.

Summary

A centered GitHub Education events block with a green-to-blue gradient title and three editorial event cards on a flat black field.

Visual description

Solid near-black background. Centered top: large two-tone headline "Upcoming events" where "Upcoming" is bright green and "events" is light blue, followed by a small white link "Join Global Campus to attend >". Below, three equal-width cards in a horizontal row. Each card has a square abstract thumbnail on top (pixel mosaic on blue, collage on yellow grid, overlapping circles on pink), then a bold white event title, muted gray date or frequency line, two-line gray description, and a small white platform tag ("Online, CampusTV" or "Online, Hackathon"). No borders between cards; spacing and typography create separation.

Key takeaway

Gradient split on a single headline word pair to brand a section without extra chrome. Event cards that lead with colorful abstract art instead of photos keep a developer-education tone consistent across disparate programs.

Reuse notes

Works for community or education landing pages listing recurring sessions and flagship events. Needs strong thumbnail art per item; three columns assume desktop width. Dark-only treatment; gradient headline is the main accent so body cards stay minimal.

More resources sections

See all

More like this