C061 - article grid

Acts as a listing for editorial / features content. Places emphasis on visual to create a personal, human and premium feel. Includes article title and category, with excerpt shown on hover. A good way to display many different pages.

Note: If the appearance of this page turns out very big, please refresh the page.

Image ratios and renditions
Visit Teamroom to see all images with pixel dimensions >>

A variation of this component is listed below.


Variation 061-1 - Editorial listing

Title and category are dynamically pulled from the editorial page. Excerpt shows on hover. When a filter is applied, the grid shifts in a masonry manner to display relevant content. Content is structured by priority of high, medium and low, corresponding with the three sizes displayed.

Create using T009 page template and tag each page according to the appropriate categories. 

Image ratios:
- 1:1
- 16:9


Variation 2 - HIGHLIGHTS GRID

Designed to highlight specific case studies around an area. Content can be manually entered and not linked through (just hover for more information Ð such as a Ôdid you knowÕ style fact) or linked to a detail page and the content is dynamically pulled. This provides the option for small nuggets of info on a page or deep diving into more detail on an editorial page.

Image ratios:
- 1:1 
- 16:9


Variation 061-3 - Four articles grid

Same as above, but with only a four-page display. Specify the link to a page, and it will display the thumbnail title and description of the page when you hover over the images.

Image ratios:
- 1:1
-16:9


Variation 061-4 - Four authored grids

This component permits you to freely author the title, category, images and CTA.

Image ratios:
- 16:9
- 1:1


Variation 061-6 - six article grids

This component permits you to freely author the title, category, images and CTA.

Image ratios:
- 16:9
- 1:1