Heading and separator web part with custom font for SharePoint

Add beautiful website-like headings to your SharePoint page.

To add a web part, simply find it in the list and add it to the page:
image

You can type your text right in:

You can use the following keywords in text:

  • {firstname} shows employee first name
  • {lastname} shows employee first name
  • {fullname} shows employee full name
Custom styling

Apart from changing the font right on the web part during page editing, you can access additional styling options from web part properties.

Check out available style options here:

You can also change colors and sizes here:

You can even bring the web part closer to its neighbor to the top or bottom using these options:

Heading Gradient

Make the page one of a kind with the beautiful gradient headings:

Simply set the Text Color and Gradient Color and Origami will create a beautiful linear gradient between the two colors.

Save Styles as Template

You can fully customize the Heading web part — apply your corporate fonts, colors, and styles — and save those settings as a template with just one click.

Go to web part properties under the Save Settings section, and click Save Current Settings as Template.

From now on, any new Heading web part will automatically use your saved style settings as the default.

You can always tweak styles if needed–applying a template will not restrict your options, you simply have a better starting point.

Using custom fonts

:white_check_mark: Available in Heading web part – Version May 1, 2025
Once you upload your custom font package and apply it to your SharePoint site, Origami’s Heading web part will automatically use your custom font. No extra setup needed.

Want to know how to upload your custom font package?
Check out our quick walkthrough video:
:backhand_index_pointing_right: How to upload your own custom font to SharePoint