탐색LandingAI 코딩 플랫폼 랜딩 히어로 — 다크 스플릿 스크린

1 / 1

다크 랜딩 히어로 목업이다. 왼쪽에 모노스페이스 헤드라인과 버튼 두 개가 있고, 오른쪽에는 하프톤 처리된 풍경화 위에 커맨드 입력과 프리셋 카드가 있는 터미널 패널이 겹쳐 있다.

Landing

AI 코딩 플랫폼 랜딩 히어로 — 다크 스플릿 스크린

2026-07-23 · 이미지 1

AI 분석

좌측 모노스페이스 카피와 우측 하프톤 회화 위 터미널 패널로 구성된 다크 히어로다.

브라우저 폭 전체를 채우는 다크 히어로를 좌우로 나눠 왼쪽은 텍스트 칼럼, 오른쪽은 이미지 패널로 배치한다. 타이포그래피는 제목부터 버튼 라벨까지 모노스페이스 계열로 통일하고 대문자 마이크로 카피와 넓은 자간으로 개발자 도구 성격을 드러내며, 거의 검정에 가까운 배경과 흰색 텍스트의 고대비 위에 주황 아이콘 배지 하나만 강조색으로 쓴다. 우측 패널은 인쇄용 하프톤 점으로 처리한 고전 풍경화를 배경으로 깔고 그 위에 커맨드 입력 필드, 실행 버튼, 프리셋 명령 카드 두 장이 담긴 어두운 터미널 카드를 겹쳐 제품 기능을 즉시 보여준다. 상단 내비게이션은 로고, 중앙 메뉴, 로그인·가입 버튼 쌍으로 정리되고 하단에는 채움형과 외곽선형 CTA 버튼이 나란히 놓인다. 개발자 대상 제품에서 질감 있는 아트워크와 기능 프리뷰를 한 화면에 결합하는 방식의 참고로 유용하다.

dark-mode · minimal · high-contrast · techy · editorial