OnrampOnramp

Onramp Brand Kit

Guidelines and assets for using the Onramp brand.

Logo

Onramp LogoOnramp Wordmark
Onramp LogoOnramp Wordmark

Use the logo on dark backgrounds. On light backgrounds, apply an inverted version. Always maintain adequate clear space around the logo.

Logo Mark

Logo Mark
Logo Mark

The mark can be used standalone as an icon or avatar. Do not distort, rotate, or recolor the mark.

Colors

Primary

Black#000000
White#ffffff
Highlight Blue#58a6ff
Dark Surface#0a0a0a

Neutrals

White 90%rgba(255,255,255,0.9)
White 60%rgba(255,255,255,0.6)
White 30%rgba(255,255,255,0.3)
White 20%rgba(255,255,255,0.2)
White 10%rgba(255,255,255,0.1)
Borderrgba(255,255,255,0.1)

Typography

Typeface

Geist Sans

Primary typeface for all Onramp interfaces and communications.

Heading 1

The quick brown fox

Heading 2

The quick brown fox

Body

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.

Small / UI

The quick brown fox

Downloads

Usage Guidelines

Do use the logo on dark backgrounds with sufficient contrast.

Do maintain the aspect ratio when resizing.

Do use the provided color palette for branded materials.

Don't modify, distort, or add effects to the logo.

Don't use the logo on busy or low-contrast backgrounds.

Don't combine the logo with other brand marks or icons.