Blog hero feature story
PATTERN OVERVIEW
Feature a blog post as the hero image on the top of a page.
GUIDELINES
- Add the blog name at the top.
AEM Component: Use the one column and two column control, the text (Optum 3) and adaptive image components to build this pattern. When adding a video use the video component.
specifications
Blog name (H1+gamma class): Two to four words. No more than 25 characters (including spaces).
Title of blog article (H2): No more than 130 characters (including spaces). Ideally the heading should be no longer than two lines.
Overview copy: Pull the first 330 characters from the blog. End copy with brackets [...] to indicate there is more to read.
Blog category label and posted date: Separate with a pipe bar,
Image: 1200 x 628 px
Button: Reverse
Type: For headings, use sentence case, no punctuation (unless necessary, such as a question mark). For body copy, use sentence case with complete and punctuated sentences.
Type alignment: Left aligned
Example
Community Circle
Extraordinary organizations step up to meet new challenges
In ordinary times, we see Optum clients all across the country going to great lengths to serve their communities and their employees. These are not ordinary times.
Over the past few months, we have seen them do extraordinary things — pivoting operations to serve new needs — even as they themselves, like all of us, face great adversity and uncertainty. [...]
Community Circle | June 12, 2020