큐레이션 · 오픈 · 무료

Vibrants

부드러운 그라데이션 배경과 다채롭고 매력적인 버튼을 사용한, 놀이를 즐기는 웰빙 중심 랜딩 페이지입니다.

01

디자인 DNA

다채롭고 활기차면서도 차분한 분위기로 인사하는 친근한 웰빙 브랜드와 같습니다.

02

컬러

부드럽고 밝은 배경에 고대비 텍스트와 다채로운 포인트를 적용합니다.

03

타이포그래피

humanist-sans

• display48px · 700
• body16px · 400

04

여백

수직 간격은 일관성을 유지하며 4px의 배수를 사용합니다.

05

표면 (라운드 / 그림자 / 경계선)

1px solid

rgba(0, 0, 0, 0.1) 0px 2px 4px 0px

06

레이아웃

넉넉한 수직 간격을 가진 중앙 정렬 칼럼 레이아웃입니다.

07

모션과 인터랙션

버튼의 미묘한 opacity 변경. · 버튼 누르기 효과.

08

컴포넌트

• button 각 액션에 대해 고유한 색상을 가진, 큰 둥근 테두리의 아웃라인 버튼입니다.
• hero 로고, 헤드라인, 부제목, 그리고 세로로 쌓인 액션 버튼으로 구성된 중앙 정렬 레이아웃입니다.

09

보이스와 금지 목록

• 톤 친근한
• 헤드라인 놀라운 및 격려하는.
• CTA 직접적이고 행동 지향적인.

• 순백색 배경을 사용하지 마세요 — 스크린샷은 부드러운 파스텔 그라데이션을 보여줍니다.
• 단일 액센트 색상을 사용하지 마세요 — 스크린샷은 다채로운 버튼을 보여줍니다.
• 버튼에 날카로운 모서리를 사용하지 마세요 — 스크린샷은 둥근 직사각형을 보여줍니다.
• 작고 밀집된 텍스트를 사용하지 마세요 — 스크린샷은 넉넉한 간격과 큰 터치 타겟을 보여줍니다.
• 다크 테마를 사용하지 마세요 — 스크린샷은 밝고 통풍이 잘되는 디자인을 보여줍니다.
• 엄격한 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 중앙 정렬된 세로 스택을 보여줍니다.
• 피하기: 공식적인
• 피하기: 기술적인
• 피하기: 공격적인

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko