Images

All images are divided into the following four areas. This structure provides a rough guideline of when and how each image is applied. However, the images can also be used in a different context (if appropriate). Please discuss individual cases with the design team.

Summary

CTA feedback. If a user calls an action for which she gets feedback, this picture may be part of it.
System feedback. If a user gets feedback for an action which was called by the platform, this picture may be part of it.
Empty State Images. ESIs are shown in the initial state of a view before any item is created.
App specific images. These images are somewhere in between. If none of the above is matching we create app specific images.

CTA feedback

https://cdn.wescale.com/wescale/wui/images/cta-feedback/aim-hit.svg

https://cdn.wescale.com/wescale/wui/images/cta-feedback/aim-miss.svg

https://cdn.wescale.com/wescale/wui/images/cta-feedback/delete-items.svg

https://cdn.wescale.com/wescale/wui/images/cta-feedback/no-items-found-generic.svg

https://cdn.wescale.com/wescale/wui/images/cta-feedback/no-items-found-global.svg

https://cdn.wescale.com/wescale/wui/images/cta-feedback/upload-item.svg

System feedback

https://cdn.wescale.com/wescale/wui/images/system-feedback/403-no-access.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/404-not-found.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/500-internal-server-error.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/add-on.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/doing-good.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/error-generic.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/external-link.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/id-card-invalid.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/no-response.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/please-be-patient.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/unsuccessful-willy-wescale.svg

https://cdn.wescale.com/wescale/wui/images/system-feedback/working-on-laptop.svg

Empty state images (ESI)

https://cdn.wescale.com/wescale/wui/images/empty-states/bookmarks.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/favorite-list.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/groups.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/id-card.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/items-on-list.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/no_image.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/no-items-at-all-generic.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/process-information.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/prod-highlighting.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/sc-status.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/shopping-cart.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/shopping-lists.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/stock.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/trophy.svg

https://cdn.wescale.com/wescale/wui/images/empty-states/units-of-measurement.svg

App specific images

https://cdn.wescale.com/wescale/wui/images/app-specific/expenses.svg

https://cdn.wescale.com/wescale/wui/images/app-specific/order-type.svg

https://cdn.wescale.com/wescale/wui/images/app-specific/reporting.svg

https://cdn.wescale.com/wescale/wui/images/app-specific/search.svg

https://cdn.wescale.com/wescale/wui/images/app-specific/signpost.svg

https://cdn.wescale.com/wescale/wui/images/app-specific/supplier.svg

From WUI with

Some features in this style guide may not work as expected because they are not supported by the browser version you are using.

For the best experience, we recommend upgrading to a newer browser such as Microsoft Edge, Mozilla Firefox, or Google Chrome.