BYLD Wealth — Brand Hub

01

Logo System

5-dot mark, lettermark, and lockups

5-Dot Mark

Default · White on Dark

5-Dot Mark

Master Tier

5-Dot Mark

Core Tier

5-Dot Mark

Legacy Tier

B Lettermark

Default · White on Dark

B Lettermark

Edge Tier

Horizontal Lockup

Dark Background

Horizontal Lockup

Light Background

02

Color Palette

Click any swatch to copy hex

Gold Scale

#F5E6C8

gold-100

#E0C17A

gold-200

#C49A3C

gold-300

#9B7A2F

gold-400

#6B5420

gold-500

Tier Colors

#000000

Master

#5D4749

Edge

#034F93

Core

#550372

Legacy

#566B30

Markets

Neutrals

#F8FAFC

gray-50

#F1F5F9

gray-100

#E2E8F0

gray-200

#CBD5E1

gray-300

#94A3B8

gray-400

#64748B

gray-500

#475569

gray-600

#334155

gray-700

#1E293B

gray-800

#0F172A

gray-900

#0A0A0A

black

Semantic & Accent

#16A34A

success

#DC2626

error

#F59E0B

amber

#C8E600

chartreuse

03

Typography

4 font families across the system

Aa

Montserrat Headlines

Weights: 400 Regular · 500 Medium · 600 SemiBold · 700 Bold

Primary headline font. Use for page titles, section headers, navigation labels, and CTAs. Min 16px for UI, 24px+ for page headings. Always uppercase for nav labels.

Aa

DM Sans Body

Weights: 400 Regular · 500 Medium · 600 SemiBold

All body copy, descriptions, form labels, and secondary text. Min 13px. Default weight 400, use 500 for emphasis. Pairs with Montserrat headings.

Aa

Playfair Display Display Serif

Weights: 400 Regular · 500 Medium · 600 SemiBold · 700 Bold

Reserved for brand moments only — hero text, value statements, pricing displays, brand storytelling. Do NOT use for UI headings. Minimum 28px.

Aa 01

JetBrains Mono Data & Code

Weights: 400 Regular · 500 Medium

All numerical data, portfolio values, percentages, kickers, labels, code snippets, and technical metadata. 10–13px typically. Use for data-heavy UI elements.

04