Logos & Assets

When integrating with Ride with GPS, please use our official logos and brand assets to ensure a consistent experience for users.

Official Logos

Our logos are available in multiple formats at /images/logos/:

Logo	Path	Use Case
	/images/logos/horizontal-logo.svg	Default for light backgrounds
	/images/logos/horizontal-logo-white.svg	For dark backgrounds
	/images/logos/vertical-logo.svg	When horizontal space is limited
	/images/logos/cyclist-logo-small.svg	Compact branding, favicons

Usage Guidelines

• Do use the official logos as provided
• Do maintain aspect ratio when scaling
• Do provide adequate whitespace around logos
• Don't modify colors or add effects
• Don't combine with other logos without approval

Examples for Inspiration

Here are some examples of how to build a "Connect with Ride with GPS" UI element.

Simple Button

A straightforward button with our logo:

Connect with Ride with GPS

<a href="https://ridewithgps.com/oauth/authorize?..."
   style="display: inline-flex; align-items: center; padding: 6px 12px;
          background: #1a73e8; color: white; border-radius: 6px;
          text-decoration: none; font-family: system-ui, sans-serif;">
  <img src="https://ridewithgps.com/images/logos/cyclist-logo-small.svg"
       alt="RWGPS" style="width: 24px; height: 24px; margin: 8px;">
  Connect with Ride with GPS
</a>

Dual Logo Integration

Display both logos with bidirectional arrows to clearly communicate the integration:

Your Logo

⇄

Connect with Ride with GPS

<div style="display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px;">
  <div style="display: flex; align-items: center; gap: 16px;">
    <img src="your-logo.svg" alt="Your App" style="width: 56px; height: 56px; border-radius: 50%;">
    <span style="font-size: 24px; color: #666;">⇄</span>
    <img src="https://ridewithgps.com/images/logos/cyclist-logo-small.svg"
         alt="RWGPS" style="width: 56px; height: 56px;">
  </div>
  <div style="font-size: 20px; font-weight: 600; font-family: system-ui, sans-serif;">
    Connect with Ride with GPS
  </div>
</div>

Media Kit

For additional brand assets, guidelines, and high-resolution files, download our Media Kit.

Questions?

Contact us at developers@ridewithgps.com for brand usage questions.