Harmonizing OGP Images and Slide Decks for Visual Consistency

[madrilene]

Objectives

• Incorporate "raw" Images for OGP Images: Use a base image without text or overlays

• Update Notist Data: Ensure every slide deck includes this neutral "raw" image

• Eleventy Integration: Consider storing future images and settings for presentations directly in Eleventy for easier management (?)

• Slide Template Design: Create a slide template that uses the "raw" image to maintain visual consistency.

• Define Default Settings:

  • Color Scheme: Default to black and white images, with the option to use color through specific mapping or front matter.
  • Image Positioning: Default to center alignment, with options for left or right alignment as needed.

To-Do

• [ ] Audit current slide decks for the integration of a neutral "raw" image.
• [x] Plan for storing and managing future presentation images and settings in Eleventy.
• [ ] Develop a consistent slide template that incorporates the "raw" image.
• [ ] Decide on and implement default visual settings for images, including color scheme and positioning.

[tobie]

Key principles:

1. Make it easy to publish annd promote content
2. Have branding consistency across mediums and content types (so that the audience immediately identifies content as coming from UnlockOpen/Tobie)
3. Make it easy for the audience to differentiate content at a glace (e.g. notice that two closely release presentations are entirely different)
4. Tie UnlockOpen/Tobie brands together

Example blogs:

• http://openfuture.eu/publication/
• https://www.davidafields.com/how-to-win-consulting-clients-fast/
• https://punctuation.com/articles/

[madrilene]

Meeting Recap - March 15

Visual Consistency (for OGP Images & Cards)

Image Dimensions

Agree to create two dedicated image dimensions for each content type: square and landscape. The square image is for OGP but might be useful for mobile.

Content Indicators

Explore using intuitive indicators like a literal "read more" string with an arrow and chevron icons for prev/next in presentations, plus a play button for videos.

Color Palettes

• Company Pages (Home, About, Services): Utilize the "cool" palette colors.
• Content Pages (Presentations, Videos, Articles): Use "warm" palette colors.

Shapes

• Content: Adopt the "sun" shape.
• Company: Stick to straight rectangle shapes.

OGP Image Strategy

For content, incorporate the sun shape, moving it to the top right corner.

Tasks

• Tobie to find an easy tool for creating these images.
• Identify precise image dimensions for both content and company page needs.

Events

Discuss what color and shape would be most appropriate.

Archive (all post types)

Use the sun shape and experiment with neutral and company page colors.