Image Container

Consistent image containers increase production efficiency and allow flexibility with image placement.

Props

Image ratio

Aspect ratio of the images. Custom image sizes possible but should be used sparingly.

Corner radius

Apply a rounding to corners or sharp corners

Usage

Do

  • Use images that are relevant to the content and purpose.
  • Ensure that images are of high quality and resolution to maintain visual clarity and professionalism.
  • Optimize image file sizes for web to ensure fast loading times and an optimal user experience.
  • Ensure that images used in the UI are obtained legally.

Don't

  • Avoid using images that are irrelevant or distracting, as they can detract from the user experience and confuse users
  • Refrain from overloading the UI with too many images

Kelsey

Principal Designer