탐색LandingAI 디버깅 도구 랜딩 — 다크 히어로와 코드 에디터 목업

1 / 1

다크 배경에 부유형 내비 바, 산세리프와 이탤릭 세리프를 섞은 중앙 히어로, 이메일 입력과 주황 CTA, 주황 글로우가 감싼 코드 에디터 목업이 세로로 배치된 랜딩 화면이다.

Landing

AI 디버깅 도구 랜딩 — 다크 히어로와 코드 에디터 목업

2025-05-25 · 이미지 1

AI 분석

어두운 배경 위 중앙 정렬 히어로와 코드 에디터 목업으로 구성한 AI 디버깅 도구 랜딩 페이지다.

상단 필 형태의 부유형 내비게이션 바 아래로 중앙 정렬 히어로가 놓이고, 그 아래 코드 에디터 목업이 이어지는 단일 칼럼 구조다. 거의 검정에 가까운 배경에 흰색 산세리프 헤드라인과 주황 강조 단어를 섞고, 두 번째 줄만 이탤릭 세리프로 바꿔 대비를 만든다. 이메일 입력 필드와 주황 CTA 버튼이 한 덩어리로 붙어 있고, 에디터 목업 상단에는 주황 글로우가 번지며 문법 하이라이트된 코드 위로 AI 제안·디버그 액션 칩이 떠 있다. 히어로 영역에는 디자인 툴의 셀렉션 핸들이 그대로 노출돼 작업 중 캡처임을 드러낸다. 다크 테마 개발자 도구 랜딩에서 강조색 한 가지와 혼합 서체로 위계를 만드는 방식의 참고로 유용하다.

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