Article Collection
Overview
List of articles with a thumbnail, headline, teaser, and link to read each article.
When to Use
Use when you want to feature your site’s latest articles.
Content Guidelines
| Content | Description | Max Chars. |
|---|---|---|
| Heading | Short copy that grabs the user’s attention. | 56 |
| Subheading | Short copy that expands on the heading. | 100 |
| Articles* | List of articles. | N/A |
| Tags | A list of tags that link to tag pages. | N/A |
| Postscript | Additional info e.g. to direct the user to resources. | 100 |
| Content | Description | Max Chars. |
|---|---|---|
| Image | Thumbnails for article image. | N/A |
| Heading* | Title of your article. | N/A |
| Byline | Author and date the article was published. | N/A |
| Teaser* | A brief intro to the article. | 255 |
*Required content.
Example 1 Academic / Traditional Audience Reserved Tone Color Palette Option 4
Article Collection Heading
Subheading goes here.
Article Example 2
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
View All:
Example 2 Academic / Traditional Audience Let’s Go! Tone Color Palette Option 4
Article Collection Heading
Subheading goes here.
Article Example 2
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Article Example 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
View All:
Example 3 Prospective Students Audience Let’s Go! Tone Color Palette Option 6
Article Collection Heading
Example 4 General Audience Let’s Go! Tone Color Palette Option 1
Article Collection Heading
Example 5 General Audience Default Tone Color Palette Option 2