Brand & Style Reference

Pura Vida Realty Group Visual Identity Guide

Exact color values, typefaces, and component rules used across pvrealtygroup.com. Share this page with any design, print, or marketing partner so materials match the live site without a discovery round.

Jump to Colors Jump to Typography

Primary

#1F3D33

Accent

#C8A96A

Text

#232323

Canvas

#FAF8F5

01 — Color Palette

Heritage Luxury — Green, Cream & Gold

Deep forest green and warm cream form the foundation. Gold is reserved strictly for emphasis. Tap any swatch to copy its hex value.

Core Brand

Neutrals & Surfaces

Secondary hover states: primary green #2C5545, bronze #96744A. Gold CTA buttons on dark backgrounds use #12211B for text.

02 — Typography

Serif Headlines, Sans-Serif Body

Both typefaces are free Google Fonts, so print and digital partners can install them at no cost.

Headings

Playfair Display

Serif

Builder Experience. Working for You.

400500600700italic

Gold italics are used for the emphasis phrase inside a headline — never for entire headings.

Body & UI

Inter

Sans

With more than 20 years of experience in real estate, homebuilding, and residential development, Kris Sutton brings a perspective that few traditional buyer agents can offer.

300400500600700

Body copy sits at 14.5px–16.5px with relaxed line height. Labels use uppercase with 0.2em+ letter spacing.

Type Scale Reference

Page headline

Playfair · 30–50px

Section heading

Playfair · 18–22px

Card & credential title

Inter 600 · 12.5–14px

Body paragraph and supporting copy

Inter 400 · 13–16px

Eyebrow / section label

Inter 600 · 10–11px, 0.26em

03 — Components

Buttons, Corners & Spacing Rules

Components are deliberately squared — 4px radius, not pills. This is one of the most distinctive parts of the identity.

Button Styles

Primary Button

#1F3D33 · hover #2C5545

Secondary Button

#B08D57 · hover #96744A

Gold CTA (dark sections)

#C8A96A · text #12211B

Outline Button

border #1F3D33/30 · transparent fill

Corner Radius

4px

2px

0px

Buttons and cards stay between 0–4px. Avoid rounded pills and large soft corners.

Spacing Rhythm

14px — inline gaps
28–32px — card padding
56–80px — section padding

Sections alternate cream, white, and deep green for visual pacing.

04 — Usage Guidelines

Do & Don't — Keeping It Consistent

The fastest way to keep partner materials looking like the site is to respect these boundaries.

Do

  • Pair deep green and off-white as the base of every layout
  • Reserve gold for emphasis — italics, icons, and one CTA per view
  • Keep corners squared at 0–4px on buttons and cards
  • Use uppercase labels with wide letter spacing for section eyebrows
  • Lead with client benefit, then credential — never the reverse

Don't

  • Use gold for large blocks of body text — contrast fails
  • Introduce oversized badges, glow effects, or flashy animation
  • Swap in rounded pill buttons or large house-style shadows
  • Claim guaranteed savings, exclusive builder access, or awards
  • Imply Kris currently works for or represents a homebuilder

Approved Credential Language

Use these exact phrasings so credentials stay consistent across every partner asset. Copy and paste rather than paraphrasing.

20+ Years of Experience

2,000+ Homes Managed & Sold

Former National Homebuilder VP of Sales

Licensed Texas Real Estate Broker

Builder, Developer & Published Author

One-Line Credential String

20+ Years in Real Estate | Former National Homebuilder VP of Sales | Texas Real Estate Broker | Builder & Developer | Published Author

For Marketing Partners

Questions on Application?

If a layout calls for something this guide doesn't cover — a new template, a print format, a co-branded asset — reach out before improvising so the identity stays intact.

Ask a Brand Question (512) 309-8684

Quick Reference

Primary
#1F3D33
Accent
#C8A96A
Secondary
#B08D57
Canvas
#FAF8F5
Text
#232323
Headings
Playfair Display
Body
Inter
Radius
4px

Reference page for internal and partner use. Not linked in site navigation.