Aspect ratio

Consistent proportions for easier development.

By designing with an existing aspect ratio, teams are able to quickly build UIs using existing classes and components. Though it’s encouraged to use these ratios, some are exempt. For example, marketing and other one-off images can use ratios required by the design.


Used for:
  • Avatars for customer and Pros
  • Pro Profile thumbnails
  • Customer review thumbnails
Avatar pro
Avatar customer
Review thumbs
Pro profile thumbs


Primarily used for Service Card images.
Service card example


Primarily used for hero images.
Hero example


Primarily used for video embeds.
Video embed example


Portrait-sized images.
Portrait size example

Custom sizes

Custom illustrations and other images, often used for marketing purposes, do not need to fall into one of these aspect ratios.

Custom image