With the first iteration of the presentation system finished and tested, the next step is to share the deck. This issue is to track the next steps for adoption of the presentation deck.

Next Steps

• Write docs
• Create versioning system and version current deck
• Create team post
• Create new site with blueprints (optional?]

What

There has been a recurring pattern of differing drop shadow use in presentations for product screenshots.

We need to create a standard template that makes it easier for anyone to update screenshots in their presentation without having to worry about the styling.

What

Several Hubbers have mentioned that the keynote theme requires them to replace missing fonts.

Who

@ashygee

Action Items

• Audit master slides and see which fonts are still being included
• Remove all instances of any font other than Helvetica Neue and Menlo
• Release

Intro

This issue is to kick off the Primer Decks first draft. This first draft will start the foundation that future decks for internal presentations will be built from.

Resources

WIP Figma file: https://www.figma.com/file/0mXCPvPvDgbtiMEIa5Z8DSh9/Primer-Deck-v1?node-id=0%3A1

A popular slide format is to divide the slide into four quadrants. This should accompany content such as data metrics and grouping key ideas with brief descriptions. I will be adding this to the current template in Figma, Keynote, and Google Slides.

Examples from previous all hands:

Should we move the changelog (currently called versioning) to the About section? My thinking is that the term "changelog" is more clear, and that it probably doesn't need its own section. Thoughts, @ashygee?

Currently labeled incorrectly. Should be GitHub Presentation Template. Also update gif.

Current icons are both available via https://ghicons.github.com and a keynote presentation.

In both the images are large PNG files which start to pixelate as they are scaled up and down.

I'd like to convert the icons in the keynote to PDF to maintain vector scaling throughout presentations.

To have consistency across all of the Primer docs sites, I've created a header image for Primer Presentations.

Feedback welcome! I'll submit an SVG to @emplums to put on the header.

cc @broccolini @emilybrick

Current Status

Currently the callout for the templates is just one line of text.

I think we could highlight the templates in a way similar to primer.style/css

Suggestion

Problem

The search results in the nav are 404ing. See gif below:

Steps to produce

Type a search item and click on the result.

People don't know how to find the icons because they don't know what "Marketing icons" are.

The google drive link for templates isn't public, so we can't download the Keynote and PowerPoint templates

Since the initial release of the presentation design system many folks have asked about a companion PowerPoint theme.

To do

• Convert keynote to ppt
• Cross reference
• Release

When creating a new google slide presentation from the google templates, the title slide defaults to 2019.

Suggested fix ... update to 2020 :) or to auto-text for current year yyyy

Objective

Provide a running log of all of the illustrations, icons, and other assets for presentational work. All of the assets will be stored in Figma unless otherwise stated.

Asset

• Octicons
• GH Marketing Icons
• Site Illustrations (People) no longer in use
• Site Illustrations (Mona outline)

Formats

• Keynote
• PowerPoint
• Google Slides
• mdx-deck
• deckset

In the documentation we need to add a small troubleshooting section for those who don't see the template gallery in their google slides home view.

The first draft of the presentation for Primer is currently in Figma here: https://www.figma.com/file/0mXCPvPvDgbtiMEIa5Z8DSh9/Primer-Deck-v1?node-id=0%3A1

The next step is to extend it to Keynote

Objective

Coming off of the internal technology deck v1, this issue is to document the initial design process for a presentation deck based on the Primer brand

People skipping over text links and need more visible download buttons.

Problem

When you open the Keynote file, you get prompted with a message to replace missing fonts:

Solution

In theory if I click on Cancel the fonts will work, as it's using systems fonts, but we should fix the template so that this error message doesn't appear.

Hi,
On the page at https://primer.style/presentations/design-guidelines, the referenced URL to https://primer.style/presentations/presentations/docs/assets for the assets 404s...

Is this stored on Google Drive somewhere instead?

After running the projector tests there are obvious color contrast concerns that need to be adjusted not only for visibility but also accessibility.

See the chart in #3 for reference.

This first pass will be to just convert the current version of the presentation template from Figma (started in #2 ) to work within Google Slides. Future versions will stem from this initial template.

testing