큐레이션 · 오픈 · 무료

Great Jones

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

01

디자인 DNA

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

02

컬러

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

03

타이포그래피

transitional-serif · geometric-sans

• display44px · 300
• body16px · 300
• caption12px · 400

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

04

여백

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

05

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

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

06

레이아웃

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

07

모션과 인터랙션

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

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

08

컴포넌트

• button 고스트 및 솔리드 버튼, 대문자 텍스트와 약간의 border-radius를 적용합니다.
• card 사용자 역할 선택(소유자 vs 거주자)을 위한 깔끔한 컨테이너입니다.
• hero 다크 세미투명 오버레이와 세리프 헤드라인이 적용된 풀블리드 라이프스타일 이미지입니다.

09

보이스와 금지 목록

• 톤 전문적이고 신뢰할 수 있으며 세련된 어조입니다.
• 헤드라인 결과와 편의성을 강조하는 간결한 세리프 헤드라인.
• CTA 'GET STARTED'와 같은 직접적이고 대문자 산세리프 지시문.

• 장난스럽거나 둥근 서체를 사용하지 마세요 — 스크린샷은 구조화된 전환 세리프와 기하학적 산세리프를 보여줍니다.
• 화려한 네온색을 사용하지 마세요 — 스크린샷은 짙은 녹색과 무채색 회색의 절제된 팔레트를 보여줍니다.
• 레이아웃을 너무 많은 요소로 복잡하게 하지 마세요 — 스크린샷은 풍부한 여백과 최소한의 텍스트를 보여줍니다.
• 다크 모드를 사용하지 마세요 — 스크린샷은 주로 화이트와 오프화이트 배경을 보여줍니다.
• 过于 복잡한 아이콘을 사용하지 마세요 — 스크린샷은 솔리드 원 안의 간단한 화이트 라인 아트를 보여줍니다.
• 캐주얼한 소문자 CTA를 사용하지 마세요 — 스크린샷은 엄격한 대문자 'GET STARTED'를 보여줍니다.
• 피하기: 과도한 느낌표 사용
• 피하기: 불필요한 이모지 사용
• 피하기: 모호한 전문 용어 사용

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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