탐색LandingAI 챗봇 SaaS 요금제 섹션 — 다크 그린 반응형 대비

1 / 1

초록 글로우 배경 위 다크 요금제 섹션과 오른쪽 모바일 버전이 나란히 놓인 시안이다. 두 요금제 카드, 체크 목록, 추천 배지와 글로우 버튼이 보인다.

Landing

AI 챗봇 SaaS 요금제 섹션 — 다크 그린 반응형 대비

2026-03-29 · 이미지 1

AI 분석

짙은 초록 글로우 배경 위에 두 개의 요금제 카드를 나란히 놓은 다크 모드 요금제 섹션이다.

왼쪽에는 데스크톱 요금제 섹션이, 오른쪽에는 같은 내용을 세로로 쌓은 모바일 화면이 나란히 배치된 반응형 비교 시안이다. 라운드가 큰 검은 패널을 초록 방사형 글로우가 감싸고, 중앙 정렬 히어로 아래 두 장의 요금제 카드가 2열로 놓인다. 산세리프 타이포그래피는 가격 숫자만 크게 키워 위계를 만들고, 체크 아이콘 목록과 얇은 구분선이 기능 영역을 분리하며, 추천 플랜에는 연두색 배지와 초록 글로우가 번지는 채움 버튼을 써 시선을 모은다. 단색 강조 하나로 다크 UI의 위계를 세우는 방식과 같은 컴포넌트의 데스크톱·모바일 대응을 한 장에서 보여 준다는 점이 참고할 만하다.

dark-mode · minimal · high-contrast · soft-gradient

ai-tool badge button card-grid dark-mode hero-centered high-contrast landing pricing-table responsive saas

claude-opus-5 · 2026-09-22 07:36 · 신뢰도 0.93