| New Styleguide page for "Loading" | |
| Introduce CDN links to all images | |
| Add Section with index-tiles to branding page | |
| New Styleguide page for "Branding" | |
FC | Extend ".wui-bs-alert" with all fruit-color-variantes |
| Font-Awesome has been updated to version 5.12.0 | |
Ut | "Utils" has been extended with opacity, heights and colors |
Do you have any design-related questions or suggestions? We'd love to hear from you.
Please contact Wuiman to discuss your ideas.
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.
- 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
Validation ()
https://cdn.wescale.com/wescale/wui/images/cta-feedback/aim-hit.svg
Validation ()
https://cdn.wescale.com/wescale/wui/images/cta-feedback/aim-miss.svg
Delete items
https://cdn.wescale.com/wescale/wui/images/cta-feedback/delete-items.svg
No items found (generic)
https://cdn.wescale.com/wescale/wui/images/cta-feedback/no-items-found-generic.svg
No items found (global)
https://cdn.wescale.com/wescale/wui/images/cta-feedback/no-items-found-global.svg
Upload items
https://cdn.wescale.com/wescale/wui/images/cta-feedback/upload-item.svg
System feedback
403
https://cdn.wescale.com/wescale/wui/images/system-feedback/403-no-access.svg
404
https://cdn.wescale.com/wescale/wui/images/system-feedback/404-not-found.svg
500
https://cdn.wescale.com/wescale/wui/images/system-feedback/500-internal-server-error.svg
Add-on / diamond
https://cdn.wescale.com/wescale/wui/images/system-feedback/add-on.svg
You are doing good
https://cdn.wescale.com/wescale/wui/images/system-feedback/doing-good.svg
Error (generic)
https://cdn.wescale.com/wescale/wui/images/system-feedback/error-generic.svg
External link
https://cdn.wescale.com/wescale/wui/images/system-feedback/external-link.svg
ID-Card invalid
https://cdn.wescale.com/wescale/wui/images/system-feedback/id-card-invalid.svg
No response yet
https://cdn.wescale.com/wescale/wui/images/system-feedback/no-response.svg
Please be patient
https://cdn.wescale.com/wescale/wui/images/system-feedback/please-be-patient.svg
Unhappy Willy wescale
https://cdn.wescale.com/wescale/wui/images/system-feedback/unsuccessful-willy-wescale.svg
Status of wescale
https://cdn.wescale.com/wescale/wui/images/system-feedback/working-on-laptop.svg
Empty state images (ESI)
Empty desktop
https://cdn.wescale.com/wescale/wui/images/empty-states/bookmarks.svg
Favorite list
https://cdn.wescale.com/wescale/wui/images/empty-states/favorite-list.svg
ID-card
https://cdn.wescale.com/wescale/wui/images/empty-states/id-card.svg
No groups/users
https://cdn.wescale.com/wescale/wui/images/empty-states/groups.svg
No items on list
https://cdn.wescale.com/wescale/wui/images/empty-states/items-on-list.svg
No items at all (generic)
https://cdn.wescale.com/wescale/wui/images/empty-states/no-items-at-all-generic.svg
Empty screen
https://cdn.wescale.com/wescale/wui/images/empty-states/process-information.svg
Product highlights
https://cdn.wescale.com/wescale/wui/images/empty-states/prod-highlighting.svg
Shopping cart status
https://cdn.wescale.com/wescale/wui/images/empty-states/sc-status.svg
Empty cart
https://cdn.wescale.com/wescale/wui/images/empty-states/shopping-cart.svg
No lists
https://cdn.wescale.com/wescale/wui/images/empty-states/shopping-lists.svg
No units
https://cdn.wescale.com/wescale/wui/images/empty-states/units-of-measurement.svg
Stock information / storage rack
https://cdn.wescale.com/wescale/wui/images/empty-states/stock.svg
Trophy
https://cdn.wescale.com/wescale/wui/images/empty-states/trophy.svg
App specific images
Expenses
https://cdn.wescale.com/wescale/wui/images/app-specific/expenses.svg
Order type
https://cdn.wescale.com/wescale/wui/images/app-specific/order-type.svg
Reporting
https://cdn.wescale.com/wescale/wui/images/app-specific/reporting.svg
Search particular area
https://cdn.wescale.com/wescale/wui/images/app-specific/search.svg
Signpost
https://cdn.wescale.com/wescale/wui/images/app-specific/signpost.svg
Supplier/ Creditor
https://cdn.wescale.com/wescale/wui/images/app-specific/supplier.svg