Feature pages are used as a showcase. They have their own set of panels, ranging from image-based panels to panels with cards, and panels with just text.
The main focus for feature pages is to present primarily visual content. But the rhythm of the page can be broken up using text in between highly visual sections.
Feature pages essentially have two types of panels: ones which have an image and run full-width across the page (feature panels), and ones which are made up mainly of cards or text (content panels), and which don't run right across the page.
We generally try to alternate these types of panels so the page flows nicely, with plenty of space for different types of content to stand out.
Editorial panels are probably the most useful type of feature panel. They allow you to combine an image with text and buttons in a variety of ways and styles.
Editorial panels let you have a good balance between an image and a short amount of text. You can even include a couple of buttons to link to other content.
Editorial panels let you have a variety of colours for the text background: red, blue, yellow, red, green, solid or translucent colours, or a frosted transparent effect.
Text can be white or dark, depending on the image, or floated left or right over the image.
You can also use the panel for quotes, simply by turning on a switch which makes the title appear with bold quote marks.
As such editorial panels are great default panels to use on a wide variety of marketing pages.
The best three years of my life
Editorial panels can be used for quotes.
Hero panels let you also combine text and images. They are similar to Editorial panels and are often used in the header as a title to the showcase page. They include some extra optional features, such as a search panel.
Hero standfirst
This is a text content panel. Its purpose is to provide people with slightly more detailed information about the things this page is promoting.
Visually text panels help break the page up, allowing some space for the eye to focus on the page's key images without being overloaded.
You should try to keep these text sections concise - maybe just a couple of paragraphs or a hundred words or so. Any longer and people probably will just scroll past.
Editorial panels can be used to add a bit of textual context to a prominent image.
The image brings visual focus to the story you're promoting. The text explains the story.
Try to keep your text to about 100-150 words. If you feel you need to write more you should probably write a separate page with more detail on it, and link to that page in your text.
You should also try to use an image which works well if it's partially obscured. So for example choose a fairly abstract image, or an image where the main focus is to one side. Portraits generally don't work well in this context.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Featured links content panels let you link to promotional material in a visually pleasing way. The space around the links helps break the page up.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Panels of text can also have side menus. These can be useful if you want some text between your feature panels that have a few prominent links to related content.
You can use a mix of side menus and different styles of featured links (primary, secondary or chevron links) to provide different ways to show links to related content.
You can have content panels with quotes and an optional image of the person you're quoting.
You can use the text impact style option on a text panel to make the text stand out a bit more.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Connect with us on twitterA social media quote lets you quote something from social media.
Call-to-aciton panels always have a button with a key action for the user to follow. These panels are useful for campaigns or promotional material where you want people to carry out some key steps, but you want to present the link or button in a visually arresting way.
Call-to-action panels work really well at the top of feature pages.
Highlighted links panels let you have up to four featured stories or links, arranged as image cards on a background panel.
Although similar to other types of featured link panel, the card-like nature of the promoted stories makes them a little more prominent.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
Nulla commodo occaecat sint anim aute qui in exercitation veniam esse fugiat quis ad voluptate irure commodo nisi.
These panels let you promote four key numeric facts, with some explanatory text. They are particularly useful if you want to show off some stats about your site in a visual way.
ipsum do consequat cillum ex duis excepteur aliquip.
ipsum do consequat cillum ex duis excepteur aliquip.
ipsum do consequat cillum ex duis excepteur aliquip.
ipsum do consequat cillum ex duis excepteur aliquip.
Image gallery panels let you add a whole group of images to a flexible grid-like gallery.
They are particularly good where you have more than about ten really impactful images which you want to display without any text.
Each image can have some caption text about it which people can see once they click on an image in the gallery.