AI 분석
다크 그라데이션 히어로 아래 밝은 제품 화면을 크게 얹은 개발자 도구 랜딩 페이지다.
상단 고정 내비와 좌측 정렬 히어로 문구, 우측 보조 설명·CTA로 나뉜 비대칭 히어로가 화면을 연다. 거의 검정에 가까운 배경 위로 자주빛과 청록빛이 옅게 번지는 그라데이션을 깔고, 산세리프 대문장 안에 이탤릭 세리프 한 단어를 섞어 대비를 만든다. 히어로 바로 아래에는 라운드 코너의 밝은 제품 화면을 풀블리드에 가깝게 배치해 아이콘 사이드바, 브레드크럼, 활동 타임라인, 우측 속성 패널, 영향 사용자 라인 차트를 한 번에 보여준다. 추천사 섹션은 흰 배경에 파스텔 그라데이션 카드를 두고 앞 문장만 진하게, 뒷 문장은 흐리게 처리해 시선 순서를 만들며, 하단은 중앙 히어로 반복과 다열 푸터·상태 배지로 마무리한다. 다크 마케팅 페이지와 라이트 제품 UI를 한 페이지에서 대비시키는 구성과 키보드 단축키 배지를 붙인 버튼 처리가 참고할 만하다.
dark-mode · minimal · soft-gradient · editorial · high-contrast · techy
claude-opus-5 · 2026-09-07 18:25 · 신뢰도 0.93
