큐레이션 · 오픈 · 무료

Great Jones

부동산 투자자를 위한 고급 부동산 관리 플랫폼.

homedtc
Great Jones 스크린샷
↓ 디자인 시스템 다운로드 (23 MB)OpenDesign 에서 열기

원본 사이트: https://greatjones.co

📦 팩 내용 보기 →

01

디자인 DNA

부동산 관리투자주거용전문적기관

주거용 부동산을 위한 부티크 투자 은행 회사.

02

컬러

#33755EAccent
#686868Ink
#0A253AInk soft
#F8F9F8BG
#FFFFFFBG soft
#002A45BG quiet
rgba(104, 104, 104, 1.0)Line

신뢰감 있는 금융용 녹색과 중성적인 회색, 그리고 사진 요소로 기반을 잡습니다.

03

타이포그래피

transitional-serif · geometric-sans

주요 헤드라인에는 세리프, UI 및 본문에는 산세리프를 사용합니다. · 네비게이션 및 버튼 텍스트에는 대문자 자간(1.4px)을 적용합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px
120px

풍부한 수직 여백은 차분하고 프리미엄 품질의 느낌을 줍니다.

05

표면 (라운드 / 그림자 / 경계선)

sm · 4px
md · 0px
lg · 0px
pill · 999px

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

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

풀블리드 사진형 히어로에 중앙 정렬된 콘텐츠로 시작하여, 2열 그리드로 전환되는 구조입니다.

07

모션과 인터랙션

100msmicro
150mssmall
200msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

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

배경색 또는 색상 반전, 0.15s 전환 적용. · 지연 없이 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

실제 페이지에서 캡처 · 실 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.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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