← OpenDesign
CURATED · OPEN · FREE
Great Jones
High-end property management platform for real estate investors.
home dtc
01
Identity DNA
property management investment residential professional institutional
A boutique investment banking firm for residential real estate.
02
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.
03
Typography
transitional-serif · geometric-sans
display 44px · 300body 16px · 300caption 12px · 400Serif for high-impact headlines, sans-serif for UI and body copy. · Uppercase tracking (1.4px) used for navigational and button text.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
120px
Generous vertical whitespace creates a sense of calm and premium quality.
05
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
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-width photographic hero with centered content, transitioning to a two-column grid.
07
Motion & Interaction
100ms micro
150ms small
200ms medium
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.
08
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.
09
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
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
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.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: A strong example of blending lifestyle photography with an institutional financial aesthetic.