Rubric Documentation

Text Styles

Styles for styling a text block with eyebrow, heading, subheading, body text, and lists.

  • Text Alignment [Group] (Not available in all instances of this group)
    • Desktop, Tablet, Mobile [Responsive Alignment]
  • Eyebrow [Group]
  • Heading [Group]
  • Subheading [Group]
  • Text [Group]
  • Lists [Group] (Not available in all instances of this group)

How to Use Text Styles

The Text Styles field group provides comprehensive typography control for content blocks throughout your Rubric theme, allowing you to create consistent visual hierarchy across your educational or resource-focused website. This shared field group appears in multiple modules, ensuring your text formatting remains uniform whether you’re building course descriptions, event announcements, or resource libraries.

When working with Text Styles in the HubSpot page editor, you’ll notice the structured approach follows content hierarchy best practices. The eyebrow text serves as a category label or kicker above your main heading, while the heading acts as your primary focal point. The subheading provides supporting context, and the body text delivers your main content. This organization is particularly effective for education institutions that need to present complex information clearly.

Best practices for content editors:

  • Use eyebrow text sparingly for course codes, department names, or event types
  • Keep headings concise and action-oriented, especially for program pages or event listings
  • Leverage the responsive alignment options when your content needs different positioning on mobile devices
  • Take advantage of the Font Styles controls to maintain brand consistency across different content creators

The Text Styles group works exceptionally well on landing pages, course catalog pages, and resource centers where information density is high but readability remains critical. Since this is a shared field group, changes you make to font styling will apply consistently wherever this group appears, reducing the need to manually adjust typography settings across multiple modules.

For sites with multiple content contributors, establish style guidelines for when to use each text element to maintain professional consistency across your educational content.