탐색LandingAI 워크플로 SaaS 랜딩 — 다크 히어로와 제품 스크린샷

1 / 1

검은 배경과 흑백 산 사진 위의 대형 헤드라인 히어로, 그 아래 밝은 애널리틱스 대시보드 스크린샷과 로고 신뢰 바가 이어지는 세로형 랜딩 화면이다.

Landing

AI 워크플로 SaaS 랜딩 — 다크 히어로와 제품 스크린샷

2026-02-16 · 이미지 1

AI 분석

어두운 산악 사진 위에 대형 헤드라인을 얹고 아래에 제품 화면을 크게 보여주는 랜딩 히어로다.

상단 고정 내비게이션과 알약형 메뉴 캡슐을 둔 뒤 풀블리드 흑백 산악 이미지 위에 두 줄짜리 대형 헤드라인을 왼쪽에 배치하고 설명 문단과 버튼 쌍을 오른쪽에 두는 비대칭 히어로 구성이다. 배경은 거의 검정에 가깝고 타이포그래피는 저대비 그로테스크 산세리프이며 흰색 채움 버튼과 반투명 고스트 버튼으로 위계를 나눈다. 히어로 아래에는 둥근 모서리 프레임 안에 사이드바 내비, 통계 카드, 컬러 막대 차트, 데이터 표가 들어간 애널리틱스 화면을 크게 노출하고 그 아래를 로고 신뢰 바로 마무리한다. 어두운 마케팅 페이지에서 밝은 제품 UI를 대비로 강조하는 방식과 히어로 텍스트 정렬 처리를 볼 때 참고가 된다.

dark-mode · minimal · high-contrast · techy