Welcome to Infinite.

Designs centered on the people and customers of ServiceRocket

Principles

Focus on the people

Our design elements help highlight the people, their voice, and our culture and values. User elements aren't afterthoughts that accentuate a particular element but are on equal pairing with the purpose.

Talk straight

Our words are clear and unambiguous. Be genuine and deliberate on how we relay our messaging. It should not feel manufactured and it shouldn't be restricted by the design. We use simple, understandable and accessible words to convey meaning.

Unify our diversity

Our style implementations display our diversity in a unified manner. The way we present our array of cultures and the many businesses we have should be able to stand independently but together forms a cohesive unit.

Embody confident humility

Our language is rooted in our expertise and history expressed humbly and that is balanced by visual elements that are vibrant and fun, encompassing confidence.

Logos

Wordmark

The main logo used in the most common use-cases. See usage guide before use.

Symbol

The Rocket symbol is sparingly used in specific use cases. Consult with the Market Development, Brand & Story ↗ team before using the symbol.

Usage guide

Padding

It is important to retain padding around the texts of the wordmark logo. This is to ensure that the logo stands on its own as an entity. The padding around the text is derived from the consistent spacing between the ROCKET letters:

Colors

Only use the prescribed color in the variants described above. Below are some examples on how not to use the wordmark pertaining to colors.

Colors

Primary

400 Corona Yellow
#FFAC07
Click to copy Hex
Hex Copied
000
#FFE7B8
100
#FFC654
200
#FFBD3A
300
#FFB521
400
#FFAC07
500
#ED9D00
600
#D38C00
700
#BA7B00
400 Ink
#221F1F
Click to copy Hex
Hex Copied
000
#FFE7B8
100
#4A4343
200
#3D3737
300
#2F2B2B
400
221F1F
500
#151313
600
#D38C00
700
#000000
400 Gray
#C1BFBD
Click to copy Hex
Hex Copied
000
#FFE7B8
100
#E6E5E4
200
#DAD9D7
300
#CDCCCA
400
#C1BFBD
500
#B5B2B0
600
#A8A6A3
700
#9C9996
100 Silver
#E6E5E5
Click to copy Hex
Hex Copied
000
#F3F2F2
100
#E6E5E5
200
#DAD8D8
300
#CDCBCB
400
#C1BEBE

Secondary

400 Blue
#076BFF
Click to copy Hex
Hex Copied
000
#B8D4FF
100
#FFC654
200
#3A89FF
300
#217AFF
400
#076BFF
500
#005FED
600
#0055D3
700
#004BBA
400 Red
#FF3A20
Click to copy Hex
Hex Copied
000
#FFD6D1
100
#FF7E6D
200
#FF6753
300
#FF513A
400
#FF3A20
500
#FF2306
600
#EC1C00
700
#D31900
400 Green
#30AC51
Click to copy Hex
Hex Copied
000
#A6E6B7
100
#58D078
200
#44CB68
300
#36C05A
400
#30AC51
500
#2A9848
600
#25843E
700
#1F7035
400 Orange
#FF6E07
Click to copy Hex
Hex Copied
000
#FFD5B8
100
#FF9B54
200
#FF8C3A
300
#FF7D21
400
#FF6E07
500
#ED6200
600
#D35800
700
#BA4D00
400 Purple
#3C18AF
Click to copy Hex
Hex Copied
000
#A189EF
100
#5B31E3
200
#4B1EDC
300
#441BC5
400
#3C18AF
500
#341599
600
#2D1282
700
#250F6C
400 Teal
#049999
Click to copy Hex
Hex Copied
000
#D9FEFE
100
#06E4E4
200
#05CBCB
300
#05B2B2
400
#049999
500
#038080
600
#036767
700
#024E4E

Typography

Default heading, San-serif

Heebo

The default heading font widely used in different marketing materials. The implementation of the weight differs relative to the size of the font being used. Below is an example of this using the Heading HTML element hierarchy.

h1

Delight the customer

h2

Share the knowledge

h3

Build process to drive outcomes

h4

Think team

h5

Talk straight

h6

We've got your back

Serif

Lora

Default font to be used for long paragraphs and quotes (not limited to). This font is used to promote readability for long texts.

Paragraph

“Wake up, get your shirt on and let’s go”. The car was already warming up, engine chugging and steam filling up the front yard from the exhaust on a frosty morning. I remember the first day I ever worked. My dad would take me to the loading dock at IKEA at 6am on a Saturday so that I could help him wash the truck that he drove. It took me an hour and a half and I got $5.

Quote

"It is the kind of company where everyone has a voice, and regardless of your experience or how long you have been at the company, your opinion matters."

Secondary

Open Sans

Open Sans is the backup font and technical font used when Heebo is not available and/or for technical/minor texts.

SECONDARY

Palo Alto,  USA

ServiceRocket Inc
2741 Middlefield Road,
Suite 200
Palo Alto, CA, 94306

Emphasizing texts

To highlight a text to emphasize a point we simply use the primary color Corona Yellow.

Example

Before software can be reusable it first has to be usable