CURATED · OPEN · FREE

Great Jones

High-end property management platform for real estate investors.

homedtc

↓ Download design system (23 MB)Open in OpenDesign

Visit: https://greatjones.co

📦 Browse pack contents →

Identity DNA

property managementinvestmentresidentialprofessionalinstitutional

A boutique investment banking firm for residential real estate.

Color

#33755EAccent

#686868Ink

#0A253AInk soft

#F8F9F8BG

#FFFFFFBG soft

#002A45BG quiet

rgba(104, 104, 104, 1.0)Line

Trustworthy financial green and neutral grays with photographic grounding.

Typography

transitional-serif · geometric-sans

display44px · 300
body16px · 300
caption12px · 400

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

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

120px

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

Surfaces

sm · 4px

md · 0px

lg · 0px

pill · 999px

1px solid rgba(104, 104, 104, 1.0)

rgba(22, 22, 22, 0.2) 0px 16px 40px 0px

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

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

Motion & Interaction

100msmicro

150mssmall

200msmedium

cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

background-color 0.15s ease-in-out · opacity 0.1s

Background-color or color inversion with 0.15s transition. · Immediate feedback with minimal delay.

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.

Voice & Don'ts

Tone Professional, reliable, and sophisticated.
Headlines Concise serif headlines that emphasize results and ease.
CTAs Direct, uppercase sans-serif instructions like 'GET STARTED'.

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.
Avoid: Excessive exclamation points
Avoid: Unnecessary emojis
Avoid: Vague jargon

Inside the pack — real screenshots

Great Jones — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko