Brand

Guidelines, assets, and resources for using the Buena Labs brand.

Logo

Brand Pack

Icon, Logo, Symbol, Wordmark — SVG + PNG (1x, 2x, 3x)

Always write "Buena Labs" as two words, capitalized. Never "buena labs", "BuenaLabs", or "Buena".

Color Palette

Dark mode

Background

bg-primary

HEX #0A0A0A
RGB 10, 10, 10
CMYK 0, 0, 0, 96
PMS —

Surface

bg-surface

HEX #111111
RGB 17, 17, 17
CMYK 0, 0, 0, 93
PMS —

Elevated

bg-elevated

HEX #1F1F1F
RGB 31, 31, 31
CMYK 0, 0, 0, 88
PMS —

Text Primary

text-primary

HEX #EDEDED
RGB 237, 237, 237
CMYK 0, 0, 0, 7
PMS —

Text Secondary

text-secondary

HEX #A1A1A1
RGB 161, 161, 161
CMYK 0, 0, 0, 37
PMS —

Text Tertiary

text-tertiary

HEX #757575
RGB 117, 117, 117
CMYK 0, 0, 0, 54
PMS —

Accent

accent

HEX #52A8FF
RGB 82, 168, 255
CMYK 68, 34, 0, 0
PMS —

Accent Hover

accent-hover

HEX #83C3FF
RGB 131, 195, 255
CMYK 49, 24, 0, 0
PMS —

Border

border

HEX #2E2E2E
RGB 46, 46, 46
CMYK 0, 0, 0, 82
PMS —

Success

success

HEX #62C073
RGB 98, 192, 115
CMYK 49, 0, 40, 25
PMS —

Error

error

HEX #FF6166
RGB 255, 97, 102
CMYK 0, 62, 60, 0
PMS —

Light mode

Background

bg-primary

HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
PMS White

Surface

bg-surface

HEX #FAFAFA
RGB 250, 250, 250
CMYK 0, 0, 0, 2
PMS —

Elevated

bg-elevated

HEX #F2F2F2
RGB 242, 242, 242
CMYK 0, 0, 0, 5
PMS —

Text Primary

text-primary

HEX #171717
RGB 23, 23, 23
CMYK 0, 0, 0, 91
PMS —

Text Secondary

text-secondary

HEX #666666
RGB 102, 102, 102
CMYK 0, 0, 0, 60
PMS —

Text Tertiary

text-tertiary

HEX #8F8F8F
RGB 143, 143, 143
CMYK 0, 0, 0, 44
PMS —

Accent

accent

HEX #0070F3
RGB 0, 112, 243
CMYK 100, 54, 0, 5
PMS —

Accent Hover

accent-hover

HEX #0761D1
RGB 7, 97, 209
CMYK 97, 54, 0, 18
PMS —

Border

border

HEX #E2E2E2
RGB 226, 226, 226
CMYK 0, 0, 0, 11
PMS —

Success

success

HEX #297A3B
RGB 41, 122, 59
CMYK 66, 0, 52, 52
PMS —

Error

error

HEX #CB2A2F
RGB 203, 42, 47
CMYK 0, 79, 77, 20
PMS —

Color Swatches

CSS + JSON color tokens

Typography

Buena Mono

Primary typeface. A variable monospace font with 8 weights, coding ligatures, and small caps. Open source under the SIL Open Font License.

Aa

Thin 100

Aa

ExtraLight 200

Aa

Light 300

Aa

Regular 400

Aa

Medium 500

Aa

SemiBold 600

Aa

Bold 700

Aa

ExtraBold 800

Regular 400

Uppercase (A–Z)

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase (a–z)

abcdefghijklmnopqrstuvwxyz

Digits (0–9)

0123456789

Punctuation & Symbols

!@#$%^&*()-_=+[]{}\|;:'",<.>/?`~

Explore typefaces → GitHub ↗

Usage

Do

  • ✓ “Buena Labs” (two words, capitalized)
  • ✓ Use provided logo files at their original proportions
  • ✓ Maintain clear space around the logo

Don't

  • ✗ “buena labs” (lowercase)
  • ✗ “BuenaLabs” (one word)
  • ✗ Alter logo colors or proportions
  • ✗ Place the logo on busy backgrounds

Contact

For press inquiries, brand permissions, or partnership requests: hello@buenalabs.io

Stay in the loop

Subscribe to receive our product updates and announcements.

App Store

Download for iOS

Google Play

Download for Android