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)
