SR Element Heading
This module renders one heading line of text, with no image, button, or body copy attached, letting you set the semantic tag (h1 through p), a separate display size, color, and alignment.
Pick it over the bento grid, card, graphic, or client modules when you need only a title or intro line to sit above or between other modules, not a self-contained block with media or a CTA. It expects short heading text only, so pair it with other modules below for body copy, images, or buttons.
Use cases
- Section intro title
- Standalone page headline
- Short eyebrow line above a grid
- Centered heading before a form
- Kicker text between sections
Where it fits
- Included with: Core
- Page sections: Content, Hero, Utility
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Style tab
Change log
| Version | Change |
|---|---|
| 1.0.0 | Stardust updates release |
SR Element Form
This module renders an optional top heading and rich text description above an embedded HubSpot form, with the form itself getting its own heading, description, and style controls for background, text color, field styling, button, padding, border, and shadow.
SR Element Image
This module renders a single plain image with alignment, border, background, and border-radius styling, and can wrap the whole image in a link to make it clickable.