brand

Welcome to the Yopeso Brand Guide! This page is your go-to resource for understanding, representing, and interacting with the Yopeso brand. Whether you're here to get answers to your branding questions or seeking inspiration, we hope you'll find everything you need to showcase and celebrate the unique identity of Yopeso.

colors

Here are the carefully selected brand colors, organized for easy access—feel free to click and copy for your designs.

Main colors

Primary Yellow

HEX

# FFA800

RGB

255, 168, 0

Primary Gray

HEX

# 292929

RGB

41, 41, 41

Primary Off White

HEX

# FDFDFD

RGB

253, 253, 253

Yellows

Yellow / 900

HEX

# E55300

RGB

229, 83, 0

Yellow / 800

HEX

# E86F00

RGB

232, 111, 0

Yellow / 700

HEX

# E88B00

RGB

232, 139, 0

Yellow / 600

HEX

# FFA800

RGB

255, 168, 0

Yellow / 500

HEX

# FFE857

RGB

255, 232, 87

Yellow / 400

HEX

# FFEC79

RGB

255, 236, 121

Yellow / 300

HEX

# FFF094

RGB

255, 240, 148

Yellow / 200

HEX

# FFF4AD

RGB

255, 244, 173

Yellow / 100

HEX

# FFF7C7

RGB

255, 247, 199

Yellow / 50

HEX

# FFFBE1

RGB

255, 251, 225

Yellow / 25

HEX

# FFFDED

RGB

255, 253, 237

Yellow / 10

HEX

# FFF6EB

RGB

255, 246, 235

Grays

Gray / 900

HEX

# 292929

RGB

41, 41, 41

Gray / 800

HEX

# 383838

RGB

56, 56, 56

Gray / 700

HEX

# 525252

RGB

82, 82, 82

Gray / 600

HEX

# 6A6A6A

RGB

106, 106, 106

Gray / 500

HEX

# 898989

RGB

137, 137, 137

Gray / 400

HEX

# B7B7B7

RGB

183, 183, 183

Gray / 300

HEX

# DCDCDC

RGB

220, 220, 220

Gray / 200

HEX

# EEEEEE

RGB

238, 238, 238

Gray / 100

HEX

# F5F5F5

RGB

245, 245, 245

Gray / 50

HEX

# FBFBFB

RGB

251, 251, 251

Gray / 25

HEX

# FDFDFD

RGB

253, 253, 253

White

HEX

# FFFFFF

RGB

255, 255, 255

FONTS

These are the fonts we use for our visual identity—feel free to use them in your designs

Archivo
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Display 2xl
Font size*: 72px / 4.5rem | Line height: 90px / 5.625rem | Tracking: -2%
Display 2xl
Regular
Display 2xl
Medium
Display 2xl
Semibold
Display 2xl
Bold
Display xl
Font size: 60px / 3.75rem | Line height: 72px / 4.5rem | Tracking: -2%
Display xl
Regular
Display xl
Medium
Display xl
Semibold
Display xl
Bold
Display lg
Font size: 48px / 3rem | Line height: 60px / 3.75rem | Tracking: -2%
Display lg
Regular
Display lg
Medium
Display lg
Semibold
Display lg
Bold
Display lg
Font size: 36px / 2.25rem | Line height: 44px / 2.75rem | Tracking: -2%
Display md
Regular
Display md
Medium
Display md
Semibold
Display md
Bold
*The font sizes displayed on this page are not accurate representations of actual dimensions.
They are meant solely to illustrate the relative proportions and hierarchy between different text elements

tone of voice

This is the tone we use for all communication—consistent, approachable, and tailored to our audience

download guidebook
Describing Yopeso

Friendly

Professional

Trustworthy

Knowledgeable

Helpful

Idelalistic

Ambitious

Dynamic

Warm

Practical

Emotions associated with Yopeso

Self-assured

Efficient

Friendly

Energetic

Wise

Earnest

Sincere

Bold

Helpful

Reliable

Examples

Visualizations showcasing the look and feel of Yopeso brand identity and design elements

Yopeso software solutions
Hoodies Yopeso
Yopeso phonecases
Yopeso screen watch
Letterhead and folder Yopeso
Bags Yopeso
Yopeso Open Graph image
Yopeso mobile screens

we are here to help!

We are passionate about driving digital development. Fill out the form to connect with one of our consultants and let's discuss your unique software development needs!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
To top of the page