Wise Agent Brand Guidelines

Version 2025.01.14
02

Colors

Our colors are meant to highlight rather than dominate and serve primarily as accents throughout the design.

Blue
HEX: #007bff
RGB: 0, 123, 255
CMYK: 78, 53, 0, 0
75%
50%
30%
15%
Purple
HEX: #4E3E9E
RGB: 78, 62, 158
CMYK: 84, 89, 0, 0
75%
50%
30%
15%
"OG" Blue
HEX: #00559B
RGB: 0, 85, 155
CMYK: 98, 74, 8, 1
Green
HEX: #56B336
RGB: 86, 179, 54
CMYK: 69, 3, 100, 0
75%
50%
30%
15%
Teal
HEX: #62BEC1
RGB: 98, 190, 193
CMYK: 49, 2, 0, 24
75%
50%
30%
15%
Yellow
HEX: #DFAC4E
RGB: 223, 172, 78
CMYK: 13, 33, 81, 0
75%
50%
30%
15%

Neutrals & Gradients

White, black, neutrals, and gradients form the foundation of designs, allowing accent colors to guide focus and create visual hierarchy.

Stone

HEX: #F0F4F9

RGB: 240, 244, 249

CMYK: 4, 2, 0, 2

Dark Gray

HEX: #333333

RGB: 51, 51, 51

CMYK: 0, 0, 0, 80

Gray

HEX: #888888

RGB: 136, 136, 136

CMYK: 0, 0, 0, 47

Light Gray

HEX: #D5D5D5

RGB: 213, 213, 213

CMYK: 15, 12, 12, 0

Blended Gradient

#007BFF to #7300E6

Opacity:

30% (20% - 40%)

Blue Gradient

Transparent to #007BFF

Opacity:

30% (20% - 40%)

Purple Gradient

Transparent to #7300E6

Opacity:

30% (20% - 40%)

Green Gradient

Transparent to #56B336

Opacity:

30% (20% - 40%)

03

Typography

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
Montserrat
Aa

Inspired by the historic posters and signage of the Montserrat neighborhood in Buenos Aires. Designed by Julieta Ulanovsky, the typeface preserves the character and craftsmanship of early 20th-century urban typography—celebrating contrast, clarity, and timeless design.

Montserrat Light
300
Montserrat Regular
400
Montserrat Medium
500
Montserrat SemiBold
600
Montserrat Bold
700

Color

Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
04

Product

The Wise Agent product is a core part of our brand. How it appears—its edges, shadows, and placement—should feel intentional, polished, and consistent across every touchpoint.

Borders & Corners

Rounded corners are used to create a soft and approachable feel while keeping structure.

Shadows

Shadows help distinguish layers and interactions without adding visual noise.

Border colors are used to maintain contrast and definition across varying backgrounds.

Border Colors

Select border colors based on the background they sit on, not the image itself.

Light Background
#333333 at 5-10% Opacity

Dark Background
#FFFFFF at 15-20% Opacity

Product Imagery
Use enhanced, realistic product imagery that replicate flows and aligns cleanly to edges. Imagery should pair naturally with Wise Agent gradients and brand colors.

05

Marketing

Marketing extends the brand beyond the product — into social, email, advertising, and every external touchpoint. It should feel instantly recognizable, confident, and cohesive across every platform.

Consistency
Our color palette, gradients, and border/corner treatments create visual consistency across all platforms, while still allowing flexibility for different layouts and content types.

Border & Corner Treatments
Use borders and rounded corners to reflect our brand identity, ensuring a cohesive and recognizable style across all digital assets.

Gradients
Gradients should be applied subtly to add depth and visual interest, maintaining balance with the primary color palette without overpowering content.

Use accent colors and subtle gradients thoughtfully to draw attention, guide focus, and maintain a cohesive, on-brand visual hierarchy across all designs.