Rancher Brand Guidelines & Resources

Hi there! We've put together a handy dandy style guide for your reference.

Basic Logo Usage

Light logos are for dark backgrounds and vice versa

Use the Rancher Labs logos when referencing the company

Use the Rancher logos when referencing the product

Use the cow (with ®) if the Rancher Labs, RancherOS, Rancher is visible in copy.

Don't use the full color logo on dark backgrounds

...or on a busy background

Don't change the color of the logo

Don't obsruct the logo

Logos

Colors

Primary

#0075A8

Secondary

#34495E

Light Grey

#ecf0f1

Mid Grey

#99a3a8

Dark Grey

#3d3d3d

Black

#313131

Accent/Info

#78C9CF

Success

#27AE5F

Warning

#F1C40F

Error

#F15354

Disabled

#dee1e3

Default

#ecf0f1

Typography

Marketing

In Rancher's Marketing materials, we use Poppins for headers and Roboto for body copy.

Poppins: Regular (400), Semi-Bold (600)
Roboto: Regular (400), Bold (700)

UI

In Rancher's UI, we use Prompt.

Prompt: Light (300), Semi-Bold (600)

Rancher and the cow logo are registered trademarks or trademarks of Rancher Labs, Inc. in the United States and other countries. Other brand names mentioned herein are for identification purposes only and may be trademarks of their respective holder(s). © 2017 Rancher Labs, Inc. All rights reserved.
Contact Us keyboard_arrow_up