큐레이션 · 오픈 · 무료

Amplitude

B2B 분석 플랫폼을 위한 고대비, 타이포그래피 중심의 법률 정책 페이지입니다.

01

디자인 DNA

법률 문서를 위해 조정된 전문적인 엔터프라이즈 소프트웨어 대시보드 레이아웃입니다.

02

컬러

최대의 가독성과 전문적 명확성을 위한 고대비 단색.

03

타이포그래피

geometric-sans · humanist-sans · monospace

• display56px · 600
• heading24px · 600
• body18px · 400
• small14px · 400

본문 텍스트는 높은 가독성을 지닌 휴머니스트 산세리프를 사용합니다. · 제목은 약간 더 구조화된 산세리프를 사용합니다. · 디스플레이 크기에는 현대적이고 프리미엄한 느낌을 위해 좁은 자간을 적용합니다.

04

여백

일관된 4px 기본 그리드와 뚜렷한 콘텐츠 섹션을 위한 넉넉한 수직 패딩을 사용합니다.

05

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

1px solid 경계선은 최소한으로 사용하며, 주로 간격과 타이포그래피를 이용하여 구분합니다.

06

레이아웃

법률 텍스트를 위한 중앙 정렬된 좁은 칼럼과 표준 상단 내비게이션입니다.

07

모션과 인터랙션

hover 시 미묘한 배경색 트랜지션. · 상호작용 상태에 대한 opacity 변화.

버튼에 대한 배경색 변화와 텍스트 링크에 대한 미묘한 opacity 변화. · 배경색 변화를 통한 즉각적인 시각적 반응.

08

컴포넌트

• button 알약 모양 반경의 검은색 단색 주요 버튼; 보조 텍스트 버튼.
• card 텍스트 중심의 이 법률 페이지에서는 카드를 사용하지 않습니다.
• chip 해당 없음
• input 해당 없음
• hero 큰 타이포그래피와 명확한 메타데이터 라인이 포함된 텍스트 전용 히어로입니다.

09

보이스와 금지 목록

• 톤 전문적이고 명확하며, 권위적이고 법률적입니다.
• 헤드라인 직설적이고 설명적입니다.
• CTA 행동 지향적이고 고대비입니다.

• 장식적인 배경 이미지를 사용하지 마세요 — 스크린샷은 깨끗하고 단색 흰색 배경을 보여줍니다.
• 다색 팔레트를 사용하지 마세요 — 스크린샷은 엄격한 단색 흑백 체계를 보여줍니다.
• 본문 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 더 나은 가독성을 위해 왼쪽 정렬된 텍스트를 보여줍니다.
• 장식적인 경계선을 사용하지 마세요 — 스크린샷은 주로 간격을 통해 레이아웃 구분을 보여줍니다.
• 넓은 텍스트 칼럼을 사용하지 마세요 — 스크린샷은 읽기에 최적화된 좁은 칼럼을 보여줍니다.
• 캐주얼한 타이포그래피를 사용하지 마세요 — 스크린샷은 높은 가독성을 지닌 전문적인 산세리프 폰트를 보여줍니다.
• 피하기: 장난스럽거나 캐주얼한 언어
• 피하기: 지나치게 복잡한 시각적 장식
• 피하기: 밝거나 산만한 강조 색상

10

팩 안의 실제 스크린샷

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

11

System Prompt

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