• Studio

  • Bots

  • Web API

  • Designer Resources

  • Host Resources

  • 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!

    Updated 4 months ago

    PocketWorlds Icon

    Β© 2024 Pocket Worlds. All rights reserved.