Styleguide

Brand Assets

This is the brand style guide for Robin. It's got all the logos, fonts, and brand colors that a person could ever hope for. Don't worry, it also covers how to use them.

Got questions or need clarification? Ask us at design@onemightyroar.com.

Logo Guidelines

Approved ways to use the logo. Download brand assets.

Color on light background. Download PDF + PNG

Color on navy background. Download PDF + PNG

White on gradient background. Download PDF + PNG

Dark on light background. Download PDF + PNG

Brand Colors

The colors and how to use them. Download the ASE.

#EE3F46

Robin Red

Single color logo or background

#EB3349

Dark Red

Red end of Robin gradient

#FD4B46

Orange

H3, H5, and primary button

#F45D43

Dark Orange

Orange end of Robin gradient

#32383E

Navy

H1, H2, H4, sidebars, and dark panels

#252A2E

Dark Navy

Darker panel for navy background

#9CAFBE

Light Navy

Body text on dark backgrounds

#FFC274

Yellow

Links on red/orange background

#2D99D3

Blue

Links on light background

#5EBEFF

Light Blue

Links on dark background

#666666

Gray

Body text and active inputs

#EEEEEE

Border Gray

All borders and dividers

#F5F5F5

Background Gray

Main background

Typography

Roses are red, violets are blue, headlines are LFT Etica, and body text is Source Sans Pro.

h1

Headline 1

font: 700 60px "lft-etica", Helvetica, Arial, sans-serif;
color: #32383E;

h2

Headline 2

font: 700 36px "lft-etica", Helvetica, Arial, sans-serif;
color: #252A2E;

h3

Headline 3

font: 600 24px "Source Sans Pro", Helvetica, Arial, sans-serif;
color: #252A2E;

h4

Headline 4

font: 600 18px "Source Sans Pro", Helvetica, Arial, sans-serif;
color: #252A2E;

h5
Headline 5
font: 500 italic 15px "Source Sans Pro", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #EE3F46;

p

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut pretium risus. Vivamus quis mi semper, suscipit augue ut, accumsan nisi. Morbi lobortis erat lorem, ut tristique mauris fermentum vel. Suspendisse nec erat fermentum, lacinia lacus ut, congue elit.

font: 500 16px "Open Sans", Helvetica, Arial, sans-serif;
color: #666666;

Stylesheet

Codenamed "Robinstrap", this collection of Robin-styled LESS files contains things like typography, buttons, and forms. We hope it makes getting started a little easier for you.