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
https://cdn.wescale.com/wescale/wui/images/cta-feedback/upload-item--sm.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/copy.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/doing-good.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/empty-shelf.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/error-generic.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/error-punchout.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/exclamation-triangle.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/external-link.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/external-link--sm.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/start-search.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/sync.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/waiting_generic.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/waiting_generic--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/working-on-laptop.svg

Willy wescale

https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-cold--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-happy.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-happy--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-redirecting--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-sad--sm.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/unsuccessful-willy-wescale.svg
https://cdn.wescale.com/wescale/wui/images/system-feedback/willy-thumbs-up--sm.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/under_construction.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/catalog-subscription.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/checkout_summary.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/expenses.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/fill-in-form.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/order-type.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/region.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/submit.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/supplier.svg
https://cdn.wescale.com/wescale/wui/images/app-specific/workflow.svg
From WUI and with

WUI is wescale’s design system

WPS Management GmbH. All rights reserved | Legal Notice

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.