Canberra Triathlon Festival
Sprint and Olympic distance events at West Belconnen Pond.
Event Card — Gradient Style Options
Choose which gradient treatment to use across the site. All colours are editable under Settings → Event Categories.
Option A — Gradient border strip
Thin 4 px left border, gradient running top-to-bottom. Clean, minimal. This is the live default.
Sri Chinmoy Trail Run
Scenic trail run through Namadgi National Park.
Coffee Run — Yarralumla
Easy 5 km run followed by coffee at the Yarralumla Nursery café.
Tuggeranong Parkrun
Weekly 5 km timed run, every Saturday at Greenway.
Vikings Triathlon Club Night
Monthly catch-up, club awards, and race briefing. All welcome.
Charity Swim Challenge
Open water charity event raising funds for local youth sport.
Option B — Gradient left wash
Soft gradient wash across the card background, fading to white. More vivid; gives each category its own personality.
Canberra Triathlon Festival
Sprint and Olympic distance events at West Belconnen Pond.
Sri Chinmoy Trail Run
Scenic trail run through Namadgi National Park.
Coffee Run — Yarralumla
Easy 5 km run followed by coffee at the Yarralumla Nursery café.
Tuggeranong Parkrun
Weekly 5 km timed run, every Saturday at Greenway.
Vikings Triathlon Club Night
Monthly catch-up, club awards, and race briefing. All welcome.
Charity Swim Challenge
Open water charity event raising funds for local youth sport.
Option C — Gradient date badge
The date badge gets the category gradient as its background. White text over the colour. Card itself stays neutral.
Canberra Triathlon Festival
Sprint and Olympic distance events at West Belconnen Pond.
Sri Chinmoy Trail Run
Scenic trail run through Namadgi National Park.
Coffee Run — Yarralumla
Easy 5 km run followed by coffee at the Yarralumla Nursery café.
Tuggeranong Parkrun
Weekly 5 km timed run, every Saturday at Greenway.
Vikings Triathlon Club Night
Monthly catch-up, club awards, and race briefing. All welcome.
Charity Swim Challenge
Open water charity event raising funds for local youth sport.
Option D — Gradient top border
6 px gradient across the top edge, running left-to-right. Works well at larger card widths where the full gradient is visible.
Canberra Triathlon Festival
Sprint and Olympic distance events at West Belconnen Pond.
Sri Chinmoy Trail Run
Scenic trail run through Namadgi National Park.
Coffee Run — Yarralumla
Easy 5 km run followed by coffee at the Yarralumla Nursery café.
Tuggeranong Parkrun
Weekly 5 km timed run, every Saturday at Greenway.
Vikings Triathlon Club Night
Monthly catch-up, club awards, and race briefing. All welcome.
Charity Swim Challenge
Open water charity event raising funds for local youth sport.
Option E — Animated gradient on hover
Thin left border at rest; on hover the border widens and a full-card gradient wash sweeps in from the left. Try hovering each card.
Canberra Triathlon Festival
Sprint and Olympic distance events at West Belconnen Pond.
Sri Chinmoy Trail Run
Scenic trail run through Namadgi National Park.
Coffee Run — Yarralumla
Easy 5 km run followed by coffee at the Yarralumla Nursery café.
Tuggeranong Parkrun
Weekly 5 km timed run, every Saturday at Greenway.
Vikings Triathlon Club Night
Monthly catch-up, club awards, and race briefing. All welcome.
Charity Swim Challenge
Open water charity event raising funds for local youth sport.