New Graphics for Modus

[soniakaukonen]

New Modus illustrations needed for:

• [x] Modus homepage header (general https://modus.trimble.com/)
• [x] Bootstrap
• [x] React

Style guide component introduction pages (dark and light mode):

• [x] Web (x2)
• [x] Mobile (x2)

• [x] In-Field (x2)

• [x] XR (x2) - later
• [ ] Desktop (x2) ) - later

Error page graphics:

• [x] Error pages (dark and light)

Figma file header cards:

• [x] Web
• [x] Mobile
• [x] In-Field
• [x] Foundations (temp)

• [x] Iconography (temp)

• [x] XR - later
• [ ] Desktop - later

[soniakaukonen]

High resolution extracted from Discord Meeting placeholder with Cory Fri Mar 17th

[coliff]

For the new images I suggest we modify the aspect ratio to work better as Open Graph images (used when sharing on Slack and Google Chat).

Right now the images crop too heavily and don't look good. (see example below) Creating images in 16x9 aspect ratio would help.

[enowak1031]

Modus style guide main image

[enowak1031]

Bootstrap site main image

React site main image

[enowak1031]

These are for Figma... If we're going to use them for the headers on the style guide, we need to redo the shadows on the mobile image :/