Newsroom pattern

[extinah]

Create a newsroom pattern. Goes with List of articles and Article patterns. https://docs.google.com/document/d/1aPWK7zosSLLlAALkJ5zOiqyVBGYRwLqkisCkD8WLHAw/edit#

[sharon-rabang]

@artuoma @rkojik @extinah @kkoryaka @carterm These related Pattern pages and each of their templates are ready for Leads review. Please let us know if you have questions or if they're ready for dev. Thanks!

Here are the Figma prototypes and Google docs: Pattern Prototypes in Figma

• Patterns
  • Add "Page templates" subsection to:
  • All the Pattern pages' side nav as links
  • The bottom of the Patterns landing page with an H2, its description, and cards
  • #1251: Newsroom - Landing page
  • #475: List of articles or content
• #476: Article

Google docs

• Newsroom - Landing page
• List of articles or content
• Article

Page templates: We will schedule a short meeting with the Dev team to discuss the proposed functionality for each template's "live example". We discussed it with Koji, but would like to find out what's feasible for the State Web Template at this time.

Here are the Template prototypes: Templates in Figma

• Newsroom - Landing page: Template
• Newsroom - Landing page with feature banner: Template
• List of articles or content: Template
• Article: Template

[sharon-rabang]

03/03/23 UX/Dev meeting notes

Feasible page template "Live examples":

• Generic header footer
• Open example in a new tab
• Not a part of the template download (just provide source code)
• Option: CAWeb - Possibly make these page template available (make it easy for users)

[sharon-rabang]

@artuoma @rkojik @extinah @kkoryaka @carterm Hi! This is a friendly reminder for Leads review of this content. Please let us know if it looks ready for dev. Thanks!

[kkoryaka]

@sharon-rabang this isn now in dev https://as-cdt-pub-migr-templatews-ww-p-001-dev.azurewebsites.net/patterns/newsroom.html

[sharon-rabang]

@kkoryaka Thanks! Here are some fixes to make:

On this page: Change "Sample" to "Landing page with feature banner" Fix Sample heading: Change "Sample" to "Landing page with feature banner"

Both Examples

• Live examples (in new tabs): Add underline to last letter 'g'

• Image examples: Please replace with these attached .png files for better quality display

• Buttons:

  • Change from "Live example" to "Live example in new tab" for accessibility,
  • Change outline and text colors from gray to Primary #046B99 for consistency
  • Add arrow for consistency

Usage, bullets: Use Sentence case

• News releases
• Subscription services
• Press information
• Trending topics

[kkoryaka]

@sharon-rabang page is fixed except underlining. That is how browser renders underlining. It simply skips the letter's descenders. https://as-cdt-pub-migr-templatews-ww-p-001-dev.azurewebsites.net/patterns/newsroom.html

[sharon-rabang]

@kkoryaka Thanks for sharing how the browser renders underlines.

Everything looks good to go!