큐레이션 · 오픈 · 무료

Height

강력하고 자신감 있는 톤과 효과적인 여백 활용이 돋보이는, 집중형 다크모드 SaaS 랜딩 페이지의 대표적인 예시로 참고 가치가 높습니다.

SaaS Productivity App UI
Height 스크린샷

원본 사이트: https://height.app

OpenDesign 에서 열기

디자인 DNA

시각 언어

순수한 블랙 배경과 흰색 텍스트로 구성된 미니멀 다크 팔레트로, 컬러풀한 로고만이 유일한 크로마틱 악센트 역할을 합니다.

레이아웃 구조

핵심 메시지와 CTA 폼에 모든 주목을 집중시키는, 단일 중심 열 레이아웃을 사용합니다.

인터랙션 형태

입력 필드와 버튼에 표준적이고 섬세한 hover 및 focus 상태를 적용하여, 깔끔하고 방해 없는 사용자 흐름을 우선시합니다.

모션 규칙

배경 파티클 애니메이션이 역동성을 암시하지만, 메인 콘텐츠에서 시선을 끌지 않도록 섬세하게 연출합니다.

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