Skip to main content

State of Vermont (SOV) Web Template Regions

The State of Vermont (SOV) web template and design system is built in Drupal and managed by the Agency of Digital Services (ADS). The template includes 21 regions where you can place different types of content, like text, or images to create an engaging and accessible website. It’s designed to be flexible and user-friendly while meeting State standards.


Page Regions

Descriptions of all 21 regions of the SOV Web Template are provided below to help you decide where to place your content. This structure ensures your site stays organized, easy to use, and visually consistent. Visit the Regions Example page to preview how content appears in each region.

Header Region 

The Header Region, also called the "Site Owner Identification Area," shows the name of the State entity. The name is set when the site is created and cannot be changed by users.

State of Vermont Web Template Header Region with entity name in text.
State of Vermont Web Template Header Region with entity name in text.
State of Vermont Web Template Header Region with entity legacy logo and name in text.
State of Vermont Web Template Header Region with entity legacy logo and name in text.

This region includes:

  • The name of agency (or State of Vermont if independent) and site owner (department or division) on a separate line in larger and heavier font weight.
  • An optional Legacy Logo (not Moon Over Mountains). Some entities have an approved legacy logo (e.g., Vermont State Police and Department of Forests, Parks and Recreation) that may be displayed in the Site Owner Identification Area. Partner or sponsor logos should not be displayed in the Site Owner Identification Area and should only appear in the body section.
  • A search box.

Next Steps

If you would like to make changes to the Site Owner Identification Area, the first step is to submit a service ticket to Tyler Technologies and the State of Vermont Director of Web Services.

Return to Top

Primary Menu Region 

The Primary Menu Region is for your website’s main navigation and is often displayed as a top bar menu. You can use a Basic Header Menu or a Basic Header Menu with Megamenu here. Visit the Menus page to learn more.

Return to Top

Hero Region 

The Hero Region is where you can add a Static Hero Image or a Hero Slider to highlight important content on your Homepage, Articles, or Basic Pages. This space is ideal for grabbing attention and setting the tone of your site. Visit the Hero Slide Page to learn more.

Return to Top

Highlighted Region 

The Highlighted Region is typically used to display Alerts and help users quickly see essential messages. You can add different alerts here, such as green for success, blue for information, red for critical site issues, or yellow for warnings. Visit the Alerts Page to learn more.

Return to Top

Breadcrumb Region 

The Breadcrumb Region is the location for the Breadcrumb Navigation. As users navigate to different levels of a menu, Breadcrumb Navigation provides a direct link back to primary landing pages. Visit the Breadcrumb Navigation page to learn more.

Return to Top

First Sidebar Region 

The First Sidebar Region appears on a site's left side/column. A Sidebar Menu or Widgets (Image and Text - Sidebar Regions) are commonly placed in this region.

Return to Top

Content Top Region 

The Content Top Region resides below the Breadcrumb Region and to the right of the First Sidebar. It appears above News, Basic Page, and Document content. Basic BlocksImages, and Data Visualizations are frequently placed in this region.

Return to Top

Two Column Content Top Region 

The Two-Column Content Top region is a two-column formation. Widgets (Image and Text - 2 Column) are frequently placed in this region.

Return to Top

Three Column Content Top Region 

The Three-Column Content Top region is a three-column formation. Widgets (Image and Text - 3 Column) are frequently placed in this region.

Return to Top

Second Two Column Content Top Region 

The Two-Column Content Top region is a two-column formation. Widgets (Image and Text - 2 Column) are frequently placed in this region.

Return to Top

Content Region 

The Content region is a one-column formation. Basic BlocksImages, and Data Visualizations are frequently placed in this region.

Return to Top

Two Column Content Bottom Region 

The Two-Column Content Bottom region is a two-column formation. Widgets (Image and Text - 2 Column) are frequently placed in this region.

Return to Top

Three Column Content Bottom Region 

This Three-Column Content Bottom region is a three-column formation. Widgets (Image and Text - 3 Column) are frequently placed in this region.

Return to Top

Second Two Column Content Bottom Region 

The Second Two-Column Content Bottom is a two-column formation. Widgets (Image and Text - 2 Column) are frequently placed in this region.

Return to Top

Content Bottom Region 

The Content Bottom region is a one-column formation. Basic BlocksImages, and Data Visualizations are frequently placed in this region.

Return to Top

Second Sidebar Region 

The Second Sidebar Region appears on a site's right side or column. A Sidebar Menu or Widgets (Image and Text - Sidebar Regions) are commonly placed in this region.

Return to Top

Primary Footer Region 

The Primary Footer Region is where Contact details for your site are placed. The Footer section is hard-coded to include the title Contact Information, and editors can add the required details in this spot. It’s a statewide mandate to include contact information in the designated format to ensure consistency across all Vermont government websites.

Return to Top

Second Footer Region 

The Second Footer Region appears to the left of the Primary Footer Region. Basic Blocks or Widgets (Image and Text - 3 Column) are frequently placed in this region.

Return to Top

Third Footer Region 

The Third Footer Region appears to the left of the Second Footer Region. Basic Blocks or Widgets (Image and Text - 3 Column) are frequently placed in this region.

Return to Top

Fourth Footer Region 

The Fourth Footer Region appears to the left of the Third Footer Region. Basic Blocks or Widgets (Image and Text - 3 Column) are frequently placed in this region.

Return to Top