---
title: Map | Module Library
---

[Skip to content](https://testportal.streamcreative.com/module-library/map#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

<iframe class="hs-elevate-map__iframe _hs-elevate-map__iframe_6dlwe_59" src="https://maps.google.com/maps?q=25%20First%20Street%2C%20Cambridge%2C%20MA%2002141&amp;t=m&amp;z=14&amp;output=embed" title="Office" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>

# 2. Dark section — title and description follow section\_variant\_4 text color

## Dark section — header visible

Title and description here should be legible on the dark background, using the dark variant's text color from sectionColorsMap.

<iframe class="hs-elevate-map__iframe _hs-elevate-map__iframe_6dlwe_59" src="https://maps.google.com/maps?q=25%20First%20Street%2C%20Cambridge%2C%20MA%2002141&amp;t=m&amp;z=14&amp;output=embed" title="Office" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>

## 3. Custom override — title dark red, description navy

This description should appear navy (#001F5B). The title above should appear dark red (#8B0000). Both override the theme-default section text color.

<iframe class="hs-elevate-map__iframe _hs-elevate-map__iframe_6dlwe_59" src="https://maps.google.com/maps?q=1%20Infinite%20Loop%2C%20Cupertino%2C%20CA%2095014&amp;t=k&amp;z=13&amp;output=embed" title="Cupertino" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>

## 4. Animation — slide up on scroll

Scroll into view: the header and map frame should slide up with the theme animation speed and easing. No per-module keyframes — uses shared RevealIsland.

<iframe class="hs-elevate-map__iframe _hs-elevate-map__iframe_6dlwe_59" src="https://maps.google.com/maps?q=25%20First%20Street%2C%20Cambridge%2C%20MA%2002141&amp;t=m&amp;z=14&amp;output=embed" title="Office" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>

---

#### 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: Map",
  "url" : "https://testportal.streamcreative.com/module-library/map"
}
```