탐색Landing헬스 코칭 랜딩 페이지 — 올리브 라이트·라임 다크 두 버전

1 / 1

디자인 툴 캔버스에 헬스 코칭 랜딩 페이지 라이트 시안과 다크 시안이 나란히 놓인 작업 화면이다. 좌측에는 페이지·레이어 패널이, 하단에는 툴바가 보인다.

Landing

헬스 코칭 랜딩 페이지 — 올리브 라이트·라임 다크 두 버전

2026-08-15 · 이미지 1

AI 분석

같은 헬스 코칭 랜딩 페이지를 크림·올리브 라이트 버전과 라임 강조 다크 버전으로 나란히 비교한 작업 화면이다.

디자인 툴 캔버스 위에 같은 헬스 코칭 웹사이트 랜딩 페이지가 라이트 버전과 다크 버전으로 나란히 놓여 있다. 라이트 버전은 크림 배경에 좌측 세리프 대문자 헤드라인과 우측 인물 사진을 붙인 스플릿 히어로로 시작하고, 그 아래 올리브 색 띠 안에 3분할 텍스트 블록과 알약형 CTA를 배치한다. 다크 버전은 거의 검정에 가까운 배경에 중앙 정렬 히어로와 라임 형광 버튼을 쓰고, 창업자 소개 구간에서는 세로 커넥터 선으로 이어진 카드형 불릿 목록을 우측에 세운다. 넓은 자간의 세리프 헤드라인과 작은 산세리프 본문의 대비, 그리고 강조색 하나만 바꿔 같은 구조를 완전히 다른 무드로 전환하는 방식이 라이트·다크 대안 시안을 만들 때 참고가 된다.

editorial · minimal · dark-mode · high-contrast

button dark-mode editorial healthcare hero high-contrast landing light-mode minimal multi-column responsive split-screen typography-focused

claude-opus-5 · 2026-09-07 15:31 · 신뢰도 0.68