Highrise Brand Identity Guidelines

01.svg 02.svg 03.svg

⚑ 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.

sizes.svg

πŸ” Minimum Sizes

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

positioning.svg

πŸ“ 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.

donts.svg

🚫 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.svg

πŸ…°οΈ 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

newplum.png

HEX 9374FD

RGB 147 116 253

CMYK 55 59 0 0

PMS 2715 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Mint

newmint.png HEX 9374FD

RGB 147 116 253

CMYK 55 59 0 0

PMS 2715 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Catfish

newcatfish.png HEX 322F41

RGB 50 47 65

CMYK 78 75 49 49

PMS 276 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Whitefish

newwhitefish.png

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

newdragonfruit.png

HEX FB8AB2

RGB 251 138 178

CMYK 0 58 4 0

PMS 1775 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Banana

newbanana.png HEX EDFC6E

RGB 237 252 110

CMYK 11 0 69 0

PMS 100 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Blueberry

newblueberry.png

HEX 55ADE7

RGB 85 173 231

CMYK 61 18 0 0

PMS 298 C

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Tangerine

newtangerine.png

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

newwhitefish.png

HEX EFEDFF

RGB 239 237 255

CMYK 4 6 0 0

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Mackerel

newmackerel.png

HEX A8A6B8

RGB 168 166 184

CMYK 35 31 17 0

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Salmon

newsalmon.png HEX 615F71

RGB 97 95 113

CMYK 65 60 40 17

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Catfish

newcatfish.png HEX 322F41

RGB 50 47 65

CMYK 78 75 49 49

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Blackfish

newblackfish.png

HEX 020012

RGB 2 0 18

CMYK 79 73 60 82

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Bonito

newbonito.png

HEX CCCADC

RGB 204 202 220

CMYK 19 17 4 0

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Anchovy

newanchovy.png

HEX 848294

RGB 132 130 148

CMYK 52 46 30 3

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Tuna

newtuna.png

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

β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”

Eel

neweel.png

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)

museosansrounded500.svg

Museo Sans Rounded (700)

museosansrounded700.svg

Museo Sans Rounded (900)

museosansrounded900.svg


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)

museosans500.svg

Museo Sans (900)

museosans900.svg

Stickers!

Β© 2023 Pocket Worlds. All rights reserved.