Highrise Brand Identity Guidelines

⚡ Logotype

Wordmark

Our typographic signature is designed to capture the creative and inviting spirit of our brand. The rounded corners of the letters give a warm, friendly feel, while the bold typeface gives a modern, energetic look.

The overall effect is a logo that is creative, inviting, and full of energy.

Use it in one of three colors: plum, whitefish, or catfish (see list of colors below).

Logo AI File

📏 Clear Space

For the optimal visibility of our logotype, we suggest that no other elements such as graphics or text be placed in the designated clear space.

🔍 Minimum Sizes

The logotype should remain readable. Never use it at a size below the guidelines.

📍 Positioning

When designing a composition, place the logo in one of the four corners or center it on the vertical axis. Fill the space and make the logo as large as possible. Make sure it stands out!

Avoid using the Highrise logotype at sizes smaller than one-quarter the canvas width. Be sure to be bold and proud when displaying the logo.

🚫 Please Don’t…

❌ Change the color of the logo. ❌ Squash the logo. ❌ Stretch the logo. ❌ Outline the logo. ❌ Skew or rotate the logo. ❌ Change the spacing.

🅰️ Lettermark

Our letter mark logo is perfect for when you need to use a smaller space, such as an avatar or profile picture, or when you want to add a quick visual touch to a design.

Lettermark AI File

🎨 Core Brand Colors

We use Plum to display our logo and Mint as an accent. These are the two colors our users associate with our brand. When in doubt, lean to Mint!

We never use full white or full black. Instead, we use Catfish and Whitefish. Some darker shades are also available in the Neutrals section.

———————————

Plum

HEX 9374FD

RGB 147 116 253

CMYK 55 59 0 0

PMS 2715 C

———————————

Mint

HEX 9374FD

RGB 147 116 253

CMYK 55 59 0 0

PMS 2715 C

———————————

Catfish

HEX 322F41

RGB 50 47 65

CMYK 78 75 49 49

PMS 276 C

———————————

Whitefish

HEX 64F2A9

RGB 100 242 169

CMYK 50 0 51 0

PMS 353 C ———————————

🔵 Secondary Colors

We use a range of vibrant secondary colors to use as accents or as full-bleed backgrounds.

———————————

Dragonfruit

HEX FB8AB2

RGB 251 138 178

CMYK 0 58 4 0

PMS 1775 C

———————————

Banana

HEX EDFC6E

RGB 237 252 110

CMYK 11 0 69 0

PMS 100 C

———————————

Blueberry

HEX 55ADE7

RGB 85 173 231

CMYK 61 18 0 0

PMS 298 C

———————————

Tangerine

HEX FCBE23

RGB 252 190 35

CMYK 1 27 96 0

PMS 1235 C ———————————

️⚪ Neutrals

Neutrals are used to provide utility and hierarchy without competing with our core and secondary colors.

For UI and general style, we prefer dark mode over light mode.

For paragraphs and content text, we use Tuna, Catfish, or Whitefish.

We never use full white or full black. Instead, we use Catfish and Whitefish.

Blackfish is our darkest shade, and we only use it as Black for full-bleed backgrounds or when working on UI with a wide range of hierarchies.

———————————

Whitefish

HEX EFEDFF

RGB 239 237 255

CMYK 4 6 0 0

———————————

Mackerel

HEX A8A6B8

RGB 168 166 184

CMYK 35 31 17 0

———————————

Salmon

HEX 615F71

RGB 97 95 113

CMYK 65 60 40 17

———————————

Catfish

HEX 322F41

RGB 50 47 65

CMYK 78 75 49 49

———————————

Blackfish

HEX 020012

RGB 2 0 18

CMYK 79 73 60 82

———————————

Bonito

HEX CCCADC

RGB 204 202 220

CMYK 19 17 4 0

———————————

Anchovy

HEX 848294

RGB 132 130 148

CMYK 52 46 30 3

———————————

Tuna

HEX 4A485A RGB 74 72 90 CMYK 72 68 45 30

———————————

Eel

HEX 1B182A

RGB 27 24 42

CMYK 86 80 53 68 ———————————

🔤 Typography

1️⃣ Primary

Museo Sans Rounded is our go-to typeface, and it can be found all over our app. We use the 900 width for headlines that really stand out and grab attention. When we want to make a subtle statement, we use the 700 width and 500 width for lower hierarchies. For long paragraphs and everyday text, we use the 500 width.

Museo Sans Rounded (500)

Museo Sans Rounded (700)

Museo Sans Rounded (900)

2️⃣ Secondary

When we need a more mature look for our content, we switch to Museo Sans. This typeface can be found on our website and in long sections of text. It adds a sense of sophistication and professionalism to our brand.

Museo Sans (500)

Museo Sans (900)

Stickers!