큐레이션 · 오픈 · 무료

Harvey

최고 로펌을 위한 AI 플랫폼.

01

디자인 DNA

최고급 법률 서비스와 현대 기술의 만남.

02

컬러

최소한의 색상 사용을 강조하는 모노크로믹, 고대비 다크 팔레트.

03

타이포그래피

transitional-serif · humanist-sans

• display72px · 400
• h248px · 400
• h332px · 400
• body16px · 400

04

여백

8px 기본 그리드

05

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

1px solid rgba(250, 250, 249, 1)

06

레이아웃

전체 너비 배경 이미지 위에 좌측 정렬된 히어로 콘텐츠, 그 뒤에 로고 스트립과 그리드 섹션이 이어집니다.

07

모션과 인터랙션

스크롤 시 페이드 인 · 부드러운 hover 전환

버튼의 배경색 채우기, 링크의 미세한 투명도 변화. · 기본 포인터 커서.

08

컴포넌트

• button 검정 텍스트와 둥근 모서리를 가진 흰색 아웃라인 버튼, 주요 작업용 솔리드 화이트 버튼.
• card 여유로운 패딩의 깔끔한 카드로, 주로 사진이나 비디오 썸네일을 포함합니다.
• hero 좌측 정렬된 텍스트 오버레이가 있는 전체 뷰포트 시네마틱 배경 이미지.

09

보이스와 금지 목록

• 톤 권위적이고, 전문적이며, 자신감 있는.
• 헤드라인 전문성을 강조하는 짧고 강렬한 세리프 헤드라인.
• CTA 직설적이고, 행동 지향적이며, 명확하게 구분됨.

• 밝고 네온 악센트 색상을 사용하지 마세요 — 스크린샷은 절제된 거의 단일색 팔레트를 보여줍니다.
• 헤드라인에 일반적인 기하학적 고딕체를 사용하지 마세요 — 스크린샷은 정교한 세리프 폰트를 보여줍니다.
• 요소에 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 플랫 표면과 미세한 테두리를 보여줍니다.
• 너무 많은 요소로 레이아웃을 복잡하게 하지 마세요 — 스크린샷은 여유로운 여백과 명확한 계층 구조를 보여줍니다.
• 둥글고 통통한 버튼 모양을 사용하지 마세요 — 스크린샷은 약간 둥글지만 단단한 직사각형을 보여줍니다.
• 저품질이나 일반적인 스톡크 사진을 사용하지 마세요 — 스크린샷은 고품질 시네마틱 이미지를 보여줍니다.
• 피하기: 전문 용어
• 피하기: 장난스러운 표현
• 피하기: 공격적인 판매 카피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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