All things Robobrand live right here.

Need colors for a social media post? Text headings for your next subdomain idea? Whatever Roboboogie project you’re working on next, you can find our brand necessities here.

01 LOGOS

Logos can be used with all four accent colors depending on the application.

DOWNLOAD ALL LOGOS

02 COLORS

MAIN COLORS

dark blue

#0D0824

circuit yellow

#E5DD15

boogie orange

#F56642

binary purple

#6F47D1

cyborg teal

#0CAEBD
SECONDARY COLORS

medium blue

#696580

grey

#E8E8E8

light grey

#FCFCFC

white

#FFFFFF

03 TYPE

TEXT STYLES

Montserrat is used for all text unless otherwise specified.

DOWNLOAD MONTSERRAT

46px Extra Bold with 52px spacing

Low conversion rates have you blue? We’ve got the cure.

36px Extra Bold with 42px spacing

Low conversion rates have you blue? We’ve got the cure.

30px Extra Bold with 40px spacing

Low conversion rates have you blue? We’ve got the cure.

24px Extra Bold with 36px spacing

Low conversion rates have you blue? We’ve got the cure.

20px Extra Bold with 24px spacing

Low conversion rates have you blue? We’ve got the cure.

16px Extra Bold with 20px spacing

Low conversion rates have you blue? We’ve got the cure.
Copy CSS

QUOTE—20px Black Italic with 30px spacing

Low conversion rates have you blue? We got the cure.

Copy CSS

BODY—18px Regular with 28px spacing

Low conversion rates have you blue? We got the cure.

Copy CSS

SUBTEXT—14px Italic with 26px spacing

Low conversion rates have you blue? We got the cure.

Copy CSS
LINKS, BUTTONS, & LABELS

Text links should stay teal, while button CTAs can be teal or yellow. Don’t get too crazy now.

LINK—14px Semi Bold

LEARN MORE
Copy CSS

#—14px PT Serif Regular

01

Copy CSS

LABEL—14px Medium

WHAT WE DO

Copy CSS
TEXT TRANSPARENCY

Transparency can denote text hierarchy. Use lighter transparencies for less important information, like captions.

04 PHOTOS

Capture those candid office moments!

VIEW PHOTOGRAPHY

05 ILLUSTRATION

Illustrations should have rounded corners and line terminals. Use one accent color and one or two line widths. Keep ‘em fun and approachable!

VIEW ILLUSTRATIONS