Our brandColorsTypographyLogosButtonsTone & voice

Brand guide

Our brand is simple and friendly, just like our products

At Wisetack, we love an easy experience for everyone. From the business that wants to deliver a great customer experience to the homeowner that likes paying monthly.


Our visual brand is easy too with clean lines, harmonious colors, and simple iconography. It’s easy on the eyes. It’s even easier to understand. It puts people and usability above flashy design.

Colors

Primary colors

Our primary colors are the foundation of our brand identity. They should be used prominently.
Wisetack Mint

#07C0CA
Pantone 3115 C

Space

#0E3564

Sapphire

#0C4E9E

Azure

#156ED7

Secondary colors

Our secondary colors are complementary accents that add flexibility to our brand expression. Use these sparingly to enhance visual interest without overpowering the primary colors.
Teal

#006F7B

Cool Mint

#7ADDE1

Accent Mint

#ACE9EB

Faint Mint

#EAFAFB

Navy

#31364C
Pantone 533 C

Gray

#52576F

Medium Gray

#808CA4

Light Gray

#D6D8E1

Faint Gray

#F9F9F9

Watermelon

#FE6E65

Peach

#FFA77F

Sunflower

#FFAE1A

Typography

Montserrat

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890

.,?!@#$%^&*()_+=

Regular

Medium

SemiBold

Bold

Download FONT

Logos

Our logo is a key element of our brand identity. It should always be reproduced and used as intended.

The logo should always have the bird icon to the left and the wordmark to the right.

Always maintain a minimum clear space around the logo. The clear space isolates the logo from competing elements.

Dos

Wisetack Mint on White (preferred)

White on Wisetack Mint

White on Sapphire or Space

Don'ts

Don’t remove the icon from the wordmark

Don’t stack the icon and the wordmark

Don’t use the logo against a low-contrast background color or image

Don’t use unspecified colors to represent the logo

Don’t skew, rotate or stretch the logo

Don’t apply drop shadows or other visual effects to the logo

Sub-mark

Circle bug

Square bug

Download Logo pack

Co-branding

Our primary co-branding lockup uses the Wisetack wordmark. Ensure there's enough space by using the margins and rules indicated below. Please also get permission from Wisetack before co-branding.

Lockup with a horizontal logo

Lockup with a vertical logo

Download logo lockups

Buttons

Primary

Primary hover

Primary disabled

Secondary

Secondary hover

Secondary disabled

Icon button

Text link - Wisetack Mint with underline

Example

Text link - hovered & clicked

Example

Text link - disabled

Example

Dos and Don'ts

Use Wisetack Mint on white or light backgrounds to ensure contrast

Optionally, use Sapphire on white or light backgrounds to ensure contrast

Use Wisetack Mint on dark backgrounds to ensure contrast

The button and the background have low contrast

The button and the background have low contrast

Don’t use accent colors on a CTA button

Tone & voice