Images and icons
Represent visual content, such as avatars and thumbnails for images or video.
-
Avatar
Avatars are used to show a thumbnail representation of an individual or business in the interface.
-
Icon
Icons are used to visually communicate core parts of the product and available actions. They can act as wayfinding tools to help merchants more easily understand where they are in the product, and common interaction patterns that are available.
-
Keyboard key
Keyboard key is used to educate merchants about keyboard shortcuts.
-
Thumbnail
Use thumbnails as a visual anchor and identifier for an object. They should be used along with text to provide context.
-
Video thumbnail
Video thumbnails are a clickable placeholder image. When clicked, it opens a video player within a modal or full screen.