Skip to main content
All CollectionsCustomizing Your Website with the Novi CMSGetting Started
Selecting the Appropriate Template for a Static Page
Selecting the Appropriate Template for a Static Page

How to choose the right template option to optimize readability on your standard content pages in Novi

Jenn Norman, CAE avatar
Written by Jenn Norman, CAE
Updated over 2 weeks ago

When creating or updating a page on your Novi website, choosing the right template ensures a smooth user experience and improves readability. The right layout helps present your content effectively and keeps navigation intuitive for your members.

Novi offers three page templates to choose from:

Read on to find out which template to select, based on the type of content you have. (Or start here if you need to create a new page first.)


Default Template

  • Best For: Text-heavy pages where other images may or may not be present within the copy.

  • Content Box Size: 800 pixels wide (desktop, approximately)

  • Sidebar: Yes

Having the right amount of characters on each line is key to the readability of your text. Take, for example, the text you are reading right now. The width of the content plays a key role in making this content easy to read. You can read why in this article by the Baymard Institute.

If your page primarily consists of text, you will want to select the default template as it's pre-formatted to display less text per line making it easier for your website visitors to read.Β 

Default Template:


Full Width Template

  • Best For: Image/Graphic-Heavy Pages

  • Content Box Size: 1200 pixels wide (desktop, approximately)

  • Sidebar: No

If you are looking to embed a video, photo albums or any other content that is going to be graphic-heavy, full-width could be a good option for this. It allows you to go "widescreen" on desktop and show more real estate on the page.
​
As mentioned above, this option is not best when using a lot of text, as you will exceed the optimal width for text legibility and it could cause visitors to "bounce" from the page.

Full Width Template:


Header Photo

  • Best For: Text-heavy pages where other images may or may not be present within the copy.

  • Content Box Size: 800 pixels wide (desktop, approximately)

  • Sidebar: Yes

This template is ideal for text-heavy pages where you want to enhance the design with a featured header photo. The panoramic image adds visual interest while maintaining readability, making it a great choice when your page is mostly text but could benefit from a more engaging layout.

Header Photo Template:

AE Tip: To change the default image photo for this template, head over to Association Settings > Static Content tab > Static Page Default Featured Image


Next Step:

Now that you've selected your page template, learn more about formatting website content on the frontend of your Novi site.

Did this answer your question?