탐색LandingSaaS 문의 페이지 — 좌우 분할 폼과 앱 미리보기

1 / 1

브라우저 목업 안의 SaaS 문의 페이지다. 왼쪽에 이름·이메일·전화·메시지·파일 업로드 폼이 있고 오른쪽에 사이드바와 지원 카드 목록이 있는 앱 화면 미리보기가 놓인다.

Landing

SaaS 문의 페이지 — 좌우 분할 폼과 앱 미리보기

2025-07-15 · 이미지 1

AI 분석

왼쪽 문의 폼과 오른쪽 인앱 지원 패널을 나란히 배치한 라이트 모드 문의 페이지다.

상단 고정 내비게이션 아래로 화면을 좌우로 나눠 왼쪽에는 문의 폼, 오른쪽에는 제품 내부의 지원 화면 미리보기를 배치한다. 흰 배경과 옅은 회색 보더를 기본으로 하고 산세리프 타이포그래피와 짙은 남색 기본 버튼만으로 대비를 만든다. 이름·이메일·국가 코드 선택이 붙은 전화번호 입력·메시지 textarea·드래그 앤 드롭 파일 업로드 영역이 순서대로 쌓이고, 하단에는 기본 버튼과 보조 버튼을 나란히 둔다. 오른쪽 미리보기는 아이콘 레일과 그룹 라벨이 있는 사이드바, 이메일·통화 예약·라이브 채팅 등 지원 경로를 카드로 나눈 목록을 보여준다. 폼 밀도와 지원 채널 안내를 한 화면에서 정리하는 방식의 레퍼런스로 쓸 만하다.

minimal · light-mode · corporate

button card form landing light-mode minimal navbar productivity saas sidebar-nav split-screen typography-focused

claude-opus-5 · 2026-09-07 21:34 · 신뢰도 0.93