Warp Design System

Appearance

Logo - Accessibility ​

Vend's logos are crafted to deliver consistency, clarity, and scalability across our multi-brand product ecosystem.

AndroidreleasediOSreleased

Alt text ​

To ensure accessibility for users who rely on assistive technologies, all logos include translated alt texts.

Vend logo alt text exemplified in a red container above the Vend symbol.

Contrast and visibility ​

Our Logo component includes regular and inverted variants to support accessibility across different background colors.

  • Use the inverted versions when placing the logo on dark backgrounds to maintain sufficient contrast.
  • The logo should always meet WCAG AA (non-text content) contrast requirements when used as essential content.

Questions? ​

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