Brand Guide
How GoForth looks and sounds
The GoForth brand is defined by what's actually deployed. Color tokens are read live from src/app/globals.css — when engineers change those values, this page updates automatically. Voice, photography, logos, and audience guidance are editable in Keystatic.
Palette
Colors
Tokens read live from src/app/globals.css. Change them there and this page updates automatically.
--color-background
background
#FFFFFF
Tailwind: bg-background / text-background
--color-foreground
foreground
#171717
Tailwind: bg-foreground / text-foreground
--color-warm
warm
#FAFAF9
Tailwind: bg-warm / text-warm
--color-dark
dark
#0A0A0F
Tailwind: bg-dark / text-dark
--color-navy
navy
#051A2E
Tailwind: bg-navy / text-navy
--color-navy-light
navy light
#0A2A44
Tailwind: bg-navy-light / text-navy-light
--color-accent
accent
#A67C2E
Tailwind: bg-accent / text-accent
--color-accent-hover
accent hover
#8B6824
Tailwind: bg-accent-hover / text-accent-hover
--color-accent-bg
accent bg
#C9A96E
Tailwind: bg-accent-bg / text-accent-bg
--color-muted
muted
#A3A3A3
Tailwind: bg-muted / text-muted
--color-body
body
#525252
Tailwind: bg-body / text-body
--color-heading
heading
#171717
Tailwind: bg-heading / text-heading
--color-card-border
card border
#F5F5F5
Tailwind: bg-card-border / text-card-border
--color-divider
divider
#F5F5F5
Tailwind: bg-divider / text-divider
Type
Typography
Headings
Georgia bold — applied via the serif constant exported from src/components/sections/index.tsx.
H1 · 60px
Live the life your success made possible
H2 · 48px
A smarter way to own
H3 · 30px
Where will you go?
H4 · 20px
Owner to home ratio
Body
Inter, loaded via next/font/google in src/app/layout.tsx.
Lede · 18px
Luxury residences with a modern approach to co-ownership, designed for how you actually travel and invest.
Body · 16px
Each owner gets twelve weeks per year. Book through the owner portal. First-come, first-served with a fair rotation system for peak periods and holidays.
Small · 14px
Annual operating costs split four ways, typically $15K to $25K per owner per year.
Eyebrow · 12px
Live fully. Invest wisely.
Registered font tokens
- --font-sans: var(--font-inter)
Iconography
Icons
Two icon sets, shared from src/components/icons/feature-icons.tsx.
Feature icons (32×32)
Step icons (24×24)
Components
Buttons
Primary (Navy)
bg-navy text-white hover:bg-navy-light
Accent (Gold)
bg-accent text-white hover:bg-accent-hover
Outline
border-navy text-navy
Ghost
text-accent hover:underline
How we sound
Voice & Messaging
How we shoot
Photography
Who we serve
Audience
Sarah
Primary — Female Decision-Maker, age 53–56
“Lifestyle is the priority.”
VP / C-suite, $3–8M income, $500K+ household. Working mom, adult children scattered. Wants a gathering place for family, authentic experiences, smart stewardship. Lead with Track 1 aspiration.
Steve
Secondary — Male Decision-Maker, age 56
“Smart investment should improve quality of life.”
Analytical exec, married with kids. Wants an elegant solution that just works — direct flights, presence with family, no surprises. Lead with Track 1 but validate quickly with Track 2.