To main heading

Smallsite Design

Online editing help

2. Navigation article element

Navigation articles, including home pages, can host the cards or gallery facilities which provide prominent visual navigation, but also allow some other content to provide context for them.

Cards and galleries provide a significant visual invitation to explore the site, though cards are the more preferred type of link, each having a heading and explanatory text. Galleries are an alternative way for people to see other aspects of topics on a whim based purely on their look.

The heading and explanatory text for cards is the Navigation and Introduction/Description from the target article or category. If there is no navigation text, the Headline/Heading is used, so consideration should also be given when specifying navigation text as to how it will read on a card as a signpost to content.

Alternately, a catalog can be used, which is like a Category page except that it is a custom list of any articles or categories on the site, allowing them to be grouped by theme. Each item has its heading and explanatory text pulled from their target's details, with the heading being the link.

The articles or categories to be their targets are selected on the Links page, after clicking on Cards, Catalog or Gallery in the Link type column in the Links to section of the article's Article head page. If none are specified, a link to the Categories page is shown.

The cards array, catalog or gallery can be preceded by an optional aside and up to six blocks, selecting from a mix of paragraph, list, highlight, diagram, program and button. The idea is to provide context for the choice to be made by the reader from the cards or gallery, but not to be the featured content on the page. The aside can be used to hold a short video as a way of making an introduction to the site owner or what the site is about.

An an example of providing context, a diagram could show the relationship between the broad topics that the cards or gallery provide links to. The diagram could also duplicate those links, but also link to possibly less significant topics not covered by them, just so the reader has a fuller idea of the breadth of topics covered.

The exception to being context-forming is the button, which is provided to have a prominent way to immediately make a purchase, or go straight to a store, so that those who don't need to explore the site can go straight to what they came to the site to do. It can be given some styling or be in a highlight to accentuate it even more.

  • β€’Table element
  • β€’Sequence element
  • β€’Procedure article element
  • β€’Contact   Glossary   Policies
  • β€’Categories   Feed   Site map

  • This site doesn't store cookies or other files on your device when visiting public pages.
    External sites: Open in a new tab or window, and might store cookies or other files on your device. Visit them at your own risk.
    Powered by: Smallsite Design ©Patanjali Sokaris