Warp Design System

Appearance

Logo - Elements ​

Brand logos for use on the web.

AndroidreleasedElementsreleasediOSreleased

Usage ​

Brand logos for web are available in SVG format. You can use them as you would any image by providing an alt attribute and set its width and height in the markup to avoid layout shifting.

html
<img
  alt="Blocket"
  width="120"
  height="26"
  src="https://assets.vend.com/pkg/@warp-ds/brand-logos/~1/blocket.svg"
/>

Variants ​

Logos that need it have an inverted variant designed for dark backgrounds. Add the -inverted suffix after the brand name to use it, for example dba-inverted.svg or dba-inverted-small.svg.

Not all logos have an inverted variant

FINN, Blocket and Tori don’t have inverted variants because the logos are designed to work on light and dark backgrounds, so always use their regular versions regardless of background.

Available logos ​

Inspect the HTML of the grid below using your browser developer tools to get the URL, alt, width and height of the logos you need.

Questions? ​

Feel free to ask any questions on usage in the Warp DS Slack channel: #warp-design-system