---
name: Great Jones
description: "A strong example of blending lifestyle photography with an institutional financial aesthetic."
version: alpha

colors:
  background: "#F8F9F8"
  primary: "#686868"
  secondary: "#0A253A"
  tertiary: "#33755E"
  neutral: "#33755E"
  bg-soft: "#FFFFFF"
  bg-quiet: "#002A45"
  muted-soft: "#DFF6AF"
  line: "rgba(104, 104, 104, 1.0)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 44px
    lineHeight: 1.18
    fontWeight: 300
    letterSpacing: "-0.5px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 300
    letterSpacing: "0px"
  caption:
    fontFamily: geometric-sans
    fontSize: 12px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "1.4px"

rounded:
  sm: 4px
  md: 0px
  lg: 0px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

High-end property management platform for real estate investors.

*A boutique investment banking firm for residential real estate.*

## Colors

Trustworthy financial green and neutral grays with photographic grounding.

- **Background (`#F8F9F8`)** — uses `bg` token
- **Primary text (`#686868`)** — uses `ink` token
- **Secondary text (`#0A253A`)** — uses `ink-soft` token
- **Accent (`#33755E`)** — uses `accent` token
- **Muted (`#33755E`)** — uses `muted` token
- **Borders (`rgba(104, 104, 104, 1.0)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** geometric-sans

- Serif for high-impact headlines, sans-serif for UI and body copy.
- Uppercase tracking (1.4px) used for navigational and button text.

## Layout

Full-width photographic hero with centered content, transitioning to a two-column grid.

*Rhythm:* Generous vertical whitespace creates a sense of calm and premium quality.

## Elevation & Depth

- rgba(22, 22, 22, 0.2) 0px 16px 40px 0px
- Borders: 1px solid rgba(104, 104, 104, 1.0)

## Shapes

- `sm`: 4px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Ghost and solid buttons with uppercase text and slight border-radius.
- **card:** Clean containers for user role selection (Owner vs Resident).
- **hero:** Full-bleed lifestyle image with a dark semi-transparent overlay and serif headline.

## Do's and Don'ts

**Don't:**
- don't use playful or rounded fonts — screenshot shows a structured transition serif and geometric sans.
- don't use loud neon colors — screenshot shows a restrained palette of deep green and muted grays.
- don't clutter the layout with too many elements — screenshot shows generous whitespace and minimal text.
- don't use dark mode — screenshot shows a predominantly white and off-white background.
- don't use overly complex icons — screenshot shows simple, white line-art inside solid circles.
- don't use casual, lowercase CTAs — screenshot shows 'GET STARTED' in strict uppercase.

---

## System Prompt (paste into AI agent)

```
This is a premium property management platform for real estate investors. The design uses a sophisticated palette of deep forest green (#33755E) and off-white (#F8F9F8) with dark navy (#0A253A) for depth. Typography pairs a transitional serif (Taviraj) for elegant headlines with a clean geometric sans (Poppins) for UI. The layout is clean and spacious, featuring full-bleed photography. Critical donts: do not use rounded or bubbly fonts, avoid bright neon accents, and never clutter the interface with excessive icons or text. Maintain a professional, institutional tone.
```