Skip to content

RevPartners Brand Guidelines

Here you'll find logos, fonts, colors, modules and graphics.

RP Schematic Measure Act Repeat
Skip to website editing guidelines.
Website

Logo

Here you can find the Revpartners Logo SVG and in PNG formats.

Horizontal
PNG

Horizontal
SVG

Stacked
PNG

Stacked
SVG

RP Mark
PNG

RP Mark
SVG

Logotype
PNG

Logotype
SVG

Horizontal
PNG

Horizontal
SVG

Stacked
PNG

Stacked
SVG

RP Mark
PNG

RP Mark
SVG

Logotype
PNG

Logotype
SVG

Horizontal
PNG

Horizontal
SVG

Stacked
PNG

Stacked
SVG

RP Mark
PNG

RP Mark
SVG

Logotype
PNG

Logotype
SVG

Typography

Heading font:
Montserrat Bold

Montserrat Bold

 

Paragraph font: 
Inter

Inter

 

Monospaced font:
Jetbrains Mono

Jetbrains Mono

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph text

Monospaced text

 

A clear and bold Heading 1

A clear and bold Heading 2

A clear and bold Heading 3

A clear and bold Heading 4

A clear and bold Heading 5
A clear and bold Heading 6

Paragraph - Large

Every moment is new. An opportunity to take a breath, find yourself in the present, and experience clarity. It's a chance to learn and grow, to take a risk and to experience the world in a different way. Life is fleeting and unpredictable, but it's also full of potential. Embrace the new and allow yourself to be surprised. Make something, make a difference, and make sure you live life to the fullest.

Unordered List

  • Bullets are great
  • For spelling out benefits and
  • Turning visitors into leads.
    • And nested bullets are good too

Ordered List

  1. Bullets are great
  2. For spelling out benefits and
  3. Turning visitors into leads.

 

In case you need a monospaced font, here's what it looks like.

 

Base Colors

Rally Green

Hex: #17B452

Mint

Hex: #D1F0DC

River Bed

Hex: #434761

Steel

Hex: #A1A2A7

Ebony Clay

Hex: #24273A

Mercury

Hex: #F3F3F4

Off White

Hex: #FDFDFD

Accent Colors

Each color represents different service areas at RevPartners.

Green Revenue Operations
Blue Growth Marketing
Orange HubSpot
Red Sales
Purple Technology

 

For backgrounds, use the main color at 20% opacity.

Base Accent

Rally Green

Hex: #17B452

Fast Blue

Hex: #319AFB

Tango

Hex: #EF811B

Racecar Red

Hex: #FB3131

Ultra Purple

Hex: #8C32FF

20% Opacity

Mint

Hex: #D1F0DC

Sky

Hex: #CCE7FF

Peach Vibes

Hex: #FEE4D5

Coral

Hex: #FFD9D7

Lavender

Hex: #E9D6FF

Templates & Assets

[Arc] [MASTER] RP Master Slide Deck - 2024 - August 21 2024 - 10)53)34AM

Slide deck template

Clone this template for all your slide decks. It everything you need to re-use assets, colors, images, and more.

Google Slides
Sasha Thumbs Up

Backgrounds for Zoom / Google Meet

Find a folder with all of our video conferencing backgrounds. 

Backgrounds

Website

Layout units are at the heart of the RP layout. 

They keep the design consistent and provide breathing room.

These are also used to set font sizes.

RP Units 2

8px is the corner radius of single elements.

16px is the root font size.

24px is the base gap between most elements.

48px is the gap between columns.

120px is the vertical padding of sections on desktop.

CleanShot 2024-01-04 at 11.19.09

Selecting this column and adding a background color will automatically add rounded corners.

Magic Style

Alternatively, insert a 'Magic Style' module to apply styles to columns and rows.

Border radius starts at 8px. For every new wrapping container, increase the radius using the RP size units:
8px   16px   24px   48px    60px

 

Elements floating alone
8px

 

Buttons
999px

Single container
16px

Example Img 2

Outer container
24px

Corner Guide 2

Some other module

Border radius starts at 8px. For every new wrapping container, increase the radius using the RP size units:
8px   16px   24px   48px    60px

 

Elements floating alone
8px

 

Buttons
999px

Single container
16px

Example Img 2

Outer container
24px

Corner Guide 2
Schematic - Drone

Floating image can be offset from its original place, letting you add schematics and backgrounds that respond to different browser sizes. 

It also supports ✨animations✨. Use the "Styles" tab to play around.

The divider is built of multiple segments that you can customize and rearrange.

Animation is enabled by default.