---
title: Events | Module Library
---

[Skip to content](https://testportal.streamcreative.com/module-library/events#main-content)

![Membership Demo](https://testportal.streamcreative.com/hs-fs/hubfs/Membership-Demo.png?width=470&height=59&name=Membership-Demo.png)Homepage

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

## 1. Default — all settings inherited from theme

Baseline instance. Card surface, text colors, typography (title = theme h4, meta/description = body-small), spacing, shadow and button styling all come from theme settings. No module overrides set.

![Event one placeholder](https://placehold.co/600x400/png)

### Annual Conference 2026

2026-06-159:00 AM - 5:00 PMConvention Center, New York

Title should size with the theme h4 typography; this description and the meta rows above use the theme body-small size.

Register Now

![Event two placeholder](https://placehold.co/600x400/png)

### Product Launch Webinar

2026-07-202:00 PM ESTOnline

The image is always object-fit cover and its corners are clipped by the card variant's radius (no per-module fit/radius fields).

Reserve Your Spot

![Event three placeholder](https://placehold.co/600x400/png)

### Community Meetup

2026-08-106:00 PM - 9:00 PMTech Hub, San Francisco

Meta icons (calendar, clock, pin) should use the card variant icon color token.

RSVP

## 2. Dark section — card text follows the CARD surface, not the section

This header should switch to the dark-section text color (legible on the dark background). The card titles, meta rows and descriptions below must keep the card variant 1 text color — NOT go white-on-white.

![Dark section event one](https://placehold.co/600x400/png)

### Card legibility check

2026-09-0110:00 AMCard variant 1 surface

All text in this card inherits the card variant text color (surface rule).

Check contrast

![Dark section event two](https://placehold.co/600x400/png)

### Second card

2026-09-151:00 PMOnline

Meta icons keep the card variant icon color on the dark section too.

Check icons

## 3. Image aspect ratio → 1:1 (Square)

Aspect ratio set to Square. Images crop to 1:1 with object-fit cover. Corners are still clipped by the card variant radius — there is no separate image radius control.

![Square crop event one](https://placehold.co/600x400/png)

### Square crop A

2026-10-059:00 AMMilwaukee, WI

The 600x400 source should crop to a square, not distort.

Learn More

![Square crop event two](https://placehold.co/600x400/png)

### Square crop B

2026-10-1211:00 AMChicago, IL

Compare against instance 1 to confirm only the aspect ratio changed.

Learn More

### No image — placeholder

2026-10-193:00 PMOnline

Empty image field: the placeholder block should also honor the 1:1 ratio.

## 4. Animation → Line by line (header, then cards stagger)

Scroll into view: this header slides up first, then the three cards reveal one after another using the theme animation duration, easing and stagger. Reduced motion is respected.

![Animation event one](https://placehold.co/600x400/png)

### Reveals first

2026-11-029:00 AMCard one

This card animates in right after the header.

Learn More

![Animation event two](https://placehold.co/600x400/png)

### Reveals second

2026-11-0911:00 AMCard two

Theme stagger delay between this card and the previous one.

Learn More

![Animation event three](https://placehold.co/600x400/png)

### Reveals last

2026-11-162:00 PMCard three

Without JavaScript the cards simply stay visible (no hidden content).

Learn More

---

#### Solutions

- [Services](https://testportal.streamcreative.com/services?hsLang=en)
- [Industries](https://testportal.streamcreative.com/industries?hsLang=en)

#### Company

- [About](https://testportal.streamcreative.com/about?hsLang=en)
- [Careers](https://testportal.streamcreative.com/careers?hsLang=en)

#### Resources

- [Blog](https://testportal.streamcreative.com/blog?hsLang=en)
- [Contact](https://testportal.streamcreative.com/contact?hsLang=en)

© 2026 Your Company. All rights reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "Brookfield",
    "addressRegion" : "WI",
    "postalCode" : "53005",
    "streetAddress" : "13555 Bishops Ct"
  },
  "logo" : {
    "@type" : "ImageObject",
    "url" : "https://f.hubspotusercontent10.net/hubfs/2659819/Membership-Demo.png"
  },
  "name" : "streamcreative.com",
  "url" : "https://testportal.streamcreative.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "WebPage",
  "name" : "Module Library: Events",
  "url" : "https://testportal.streamcreative.com/module-library/events"
}
```