Brand Source of Truth

The Property Joes Group Brand Kit

Every color, type style, spacing unit, and component below is rendered live from config/brand-kit/tokens.json. This page eats its own dog food — its styling IS the brand it documents.

Color Palette

colors.navy
#1B2A4A
colors.dark_navy
#0E273C
colors.dark_navy_alt
#0F1B33
colors.navy_gradient_stop
#2C3E6B
colors.gold
#C9A84C
colors.gold_dark
#B8943F
colors.cream
#C7C1BA
colors.cream_light
#FAF6EC
colors.off_white
#F8F6F3
colors.white
#FFFFFF
colors.success
#2E7D32
colors.text
#2D2D2D
colors.muted
#666666

Type Scale

heading · Alice
H1 — Maximum Price, Best Value
heading · Alice
H2 — Section Heading
heading · Alice
H3 — Card Title
body · Karla
Body copy is set in Karla. The Property Joes Group provides buyers the best value and gains sellers their maximum price.
body · Karla small
Small / caption text for labels and metadata.

Spacing Scale

spacing.xs 4px
spacing.sm 8px
spacing.md 12px
spacing.lg 16px
spacing.xl 24px
spacing.xxl 32px

Corner Radius

radius.badge
20px
radius.card
8px
radius.card_lg
12px

Components

Top Nav

TPJG Real Estate
HomeListingsContact

Hero

Moving to Houston?

Expert relocation guidance from TPJG.

Badge & Button

National Relocation

Schedule a Consultation

Logo Placement

Placement: topnav-left · Min clear-space: equal to the height of the wordmark cap-height on all sides

TPJG

On navy: Use the gold/cream logo lockup on navy (#1B2A4A) or dark-navy backgrounds.

TPJG

On cream: Use the navy logo lockup on cream (#C7C1BA), off-white (#F8F6F3), or white backgrounds.

Don’ts