Example Landing Page
Content Types
Content Types are pages tailored for a specific purpose. You are exploring a Landing Page right now. Examples of other Content Types are provided in the Quick Links component on the right.
Landing Page
The Landing Page Content Type is used for the home page and top-level pages in the main menu. Landing Pages contain broad topics and general information. They are used to point visitors to specific, detailed information on lower-level pages of the website.
Landing Pages are versatile, offering the most customization of all the Content Types. If you choose to include a Main Image, it appears behind the page title just above the breadcrumb. This Landing Page does not use a Main Image.
Control Layout with Bands
You control the layout by adding bands. Landing Page bands offer:
- Six different layout options; bands may contain up to four columns of content.
- Ability to change the background color or add a background image.
- Ability to control padding (whitespace) above and below content.
- Ability to control the width of the band and its content.
More Content Types
Carousel
The Carousel component must be placed in a 1-column band on a Landing Page. It can contain one or more images with overlaid text and links to other pages. Many Web Managers use a Carousel Component at the top of a Landing Page instead of using a Main Image. The Carousel below highlights Digital Commons websites that deliver different thematic content using the same platform.
Profile Card
The Profile Card component is used to highlight an individual, usually a leader, and often links to the Profile content type for a longer biography. This component must be placed into a band with two or more columns on a Landing Page.
This band contains two columns; a 2/3 column on the left contains this Text component, and the 1/3 column on the right contains the Profile Card component. The band has a background image applied and uses large top and bottom padding.

Spotlight
The Spotlight component must be placed in a 1-column band on a Landing Page. This component is designed to spotlight press releases, events, featured blogs, and links. The Spotlight example below points visitors to a blog entry about a new Digital Accessibility and Usability service.
The example Spotlight is placed in a 1-column band with the following settings:
- Background image
- Small top/bottom padding
- Standard-Width Content, Full-Width Background
New Service Offering
Announcing North Carolina’s New Digital Accessibility and Usability Support Service
Helping all state agencies create universal, user-friendly, and compliant digital experiences.
New Service Offering
