Style Guide

Ripple Platform Logos

Updated January 11, 2021
Ripple Impact Overview

These are the guidelines for the Ripple Impact platform brand at Ripple. When creating communications or designs for this brand you must follow these guidelines.

Click here for further guidance on when to use the Ripple Impact platform brand versus when 
to use the Ripple corporate brand. In general, use the platform brand when representing one of our offerings, and use the corporate brand when representing our company (including when you are representing yourself as an employee).

Click here to access the Ripple Impact platform logos.

Clear Space & Minimum Sizing

When using the Ripple Impact logo with other visual elements make sure to keep enough minimum clear space around it. Use the width of 1triskelion (1w) as a base measure to create distance from other text or graphic elements. Never make logo smaller than than 2 inches or 145 pixels in width.

Minimum Clear Space: Maintain 1/2 width of the triskelion mark around logo.
Minimum Size: 2 inches / 145 pixels in width.

Additional Guidance

Click here for additional design guidance when using the Ripple logos.

Ripple Impact University Blockchain Research Initiative Overview

These are the guidelines for Ripple Impact UBRI at Ripple. When creating communications or designs for this brand you must follow these guidelines.

Clear Space & Minimum Sizing

When using the Ripple Impact UBRI logo with other visual elements make sure to keep enough minimum clear space around it. Use the width of 1triskelion (1w) as a base measure to create distance from other text or graphic elements. Never make logo smaller than than 3.325 inches or 240 pixels in width.

Minimum Clear Space: Maintain 1/2 width of the triskelion mark around logo.
Minimum Size: 3.325 inches / 240 pixels in width.

Co-brand Lockup Specifications — Partner

Ripple Impact UBRI Position

The Ripple Impact UBRI logo should be used with the partner logo without a separator line.  “Ripple Impact UBRI” should always be on the left or in the lead placement. Where space permits,  the Ripple Impact UBRI logo should be placed at the top, with partner logos at the bottom of the element.

Co-brand Lockup Specifications — University

Ripple Impact UBRI Position

In a co-brand relationship with a university, the Ripple (primary) logo should be used, not the Ripple Impact UBRI logo. The logos should use a line sepator to create a formal lock-up.

Spacing and Alignment

Use the width of 1 Ripple triskelion (1w) as a measure. For alignment with a university wordmark logo, pay attention to the x-height and the baseline, the top of the triskelion and bottom of the “r” 
in “ripple”, respectively.

Line Separator

Height: 2w
Thickness: 1/20w (round up to next full pixel/point)
Padding: 1w on each side
Color: Black-90 (#23292F)

Creating a Horizontal Side-by-Side Lock-ups

Horizontal Side-by-Side Lockup Examples
Wide logo with icon and text
Wide logo with text only
Square logo

RippleNet Overview

These are the guidelines for the RippleNet platform brand at Ripple. When creating communications or designs for this brand you must follow these guidelines.

Click here for further guidance on when to use the RippleNet platform brand versus when 
to use the Ripple corporate brand. In general, use the platform brand when representing one of our offerings, and use the corporate brand when representing our company (including when you are representing yourself as an employee).

Click here to access the RippleNet platform logos.

Clear Space & Minimum Sizing

When using the RippleNet logo with other visual elements make sure to keep enough minimum clear space around it. Use the width of 1triskelion (1w) as a base measure to create distance from other text or graphic elements. Never make logo smaller than than 1.5 inches or 110 pixels in width.

Minimum Clear Space: Maintain 1/2 width of the triskelion mark around logo.
Minimum Size: 1.5 inches / 110 pixels in width.

Additional Guidance

Click here for additional design guidance when using the Ripple logos.

RippleNet Co-brand Relationships

Click here for detailed guidance on how to co-brand with RippleNet and the Runs on RippleNet program.

Ripple Swell Overview

These are the guidelines for the Ripple Swell platform brand at Ripple. When creating communications or designs for this brand you must follow these guidelines.

Click here for further guidance on when to use the Ripple Swell platform brand versus when 
to use the Ripple corporate brand. In general, use the platform brand when representing one of our offerings, and use the corporate brand when representing our company (including when you are representing yourself as an employee).

Click here to access the Ripple Swell platform logos.

Clear Space & Minimum Sizing

When using the Ripple Swell logo with other visual elements make sure to keep enough minimum clear space around it. Use the width of 1triskelion (1w) as a base measure to create distance from other text or graphic elements. Never make logo smaller than than 1.75 inches or 120 pixels in width.

Minimum Clear Space: Maintain 1/2 width of the triskelion mark around logo.
Minimum Size: 1.75 inches / 120 pixels in width.

Additional Guidance

Click here for additional design guidance when using the Ripple logos.

Ripple Swell + Location Lock-ups

The Ripple Swell logo can be combined with the name of a specific geographic region. Click here to access these logos.

Ripple X Overview

These are the guidelines for the RippleX platform brand at Ripple. When creating communications or designs for this brand you must follow these guidelines.

Click here for further guidance on when to use the RippleX platform brand versus when to use the Ripple corporate brand. In general, use the platform brand when representing one of our offerings, and use the corporate brand when representing our company (including when you are representing yourself as an employee).

Click here to access the RippleX platform logos.

Clear Space & Minimum Sizing

When using the RippleX logo with other visual elements make sure to keep enough minimum clear space around it. Use the width of 1triskelion (1w) as a base measure to create distance from other text or graphic elements. Never make logo smaller than than 1.25 inches or 85 pixels in width.

Minimum Clear Space: Maintain 1/2 width of the triskelion mark around logo.
Minimum Size: 1.25 inches / 85 pixels in width.

Additional Guidance

Click here for additional design guidance when using the Ripple logos.

The RippleX Symbol

The RippleX symbol stems from the golden ratio, similar to the creation of the Ripple triskelion. The symbol is not a logo but a visual element in our toolkit to differentiate RippleX amongst the other Ripple platforms. The RippleX logo must always be present in internal and external communication when the symbol is present.

RippleX Colors

There are the two additional color options unique to Ripple X;  the RippleX green and RippleX Gradient. Apply the one color white RippleX logo when using these colors.

One Color: For use on RippleX green.
One color: For use on the RippleX gradient
RippleX Gradient: (#2BCB96) to Blue-01 (#1DB4FF) 
to Blue-03 (#0F72E5)

RippleX Symbol Do's and Don'ts

The RippleX symbol cannot be used on its own or in replacement of the RippleX logo. These examples are merely illustrative and not exhaustive.

The RippleX symbol and RippleX logo should always be shown together.
The RippleX symbol cannot stand alone without the RippleX logo present.

The RippleX logo must be used for all RippleX related communications.
The RippleX symbol is not a replacement for the RippleX logo.

The RippleX logo must be used for all RippleX related communications.
The RippleX symbol cannot be used in lieu of the RippleX logo for the profile photo.

The RippleX symbol and RippleX logo should always be shown together on a presentation slide.
The RippleX symbol cannot stand alone without the RippleX logo present.

Downloads

The RippleX symbol has two different designs available for download. When using these assets, please make sure the RippleX logo is present.

RippleX symbol network pattern.
RippleX symbol developer visual.

Co-brand Lockup Specifications — University

RippleX Co-brand Position

In a co-brand relationship with a university, use a line sepator to create a formal lock-up.

Spacing and Alignment

Use the width of 1 Ripple triskelion (1w) as a measure. For alignment with a university wordmark or logo, pay attention to the x-height and the baseline, the top of the triskelion and bottom of the “r” in “ripple”, respectively.

Line Separator

Height: 2w
Thickness: 1/20w (round up to next full pixel/point)
Padding: 1w on each side
Color: Black-90 (#23292F)

Creating a Horizontal Side-by-Side Lock-ups

Horizontal Side-by-Side Lockup Examples

Multiple Partnership Relationship

Use a visual relationship, maintaining appropriate clear space when two or more parties participate in communication or co-sponsor an event. Do not use a line separator in these instances.

Spacing and Alignment

Use the width of 1 Ripple logo as a measure of “minimum distance”. For alignment, pay attention to the x-height and the baseline, the bottom of the “r” in “ripple” and top of the triskelion, respectively.