큐레이션 · 오픈 · 무료

Kippo

게이머를 위해 특별히 디자인된, 고대비 네온 액센트를 특징으로 하는 대담한 다크 테마 데이팅 앱 랜딩 페이지입니다.

01

디자인 DNA

네온 조명이 비친 아케이드와 현대적 소셜 허브의 만남.

02

컬러

단일 네온 핑크 액센트와 단색 텍스트 계층을 갖춘 고대비 다크 모드입니다.

03

타이포그래피

monospace · Source Code Pro

• display42px · 700
• body12px · 400

모든 텍스트는 대문자 사용 · 본문 및 디스플레이에 모노스페이스를 적극 활용 · 제목 및 내비게이션에 넓은 자간 사용

04

여백

여유로운 패딩을 위한 일관된 4px 기본 그리드입니다.

05

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

1px solid rgba(255, 255, 255, 0.15)

0 4px 24px rgba(0, 0, 0, 0.5)

06

레이아웃

왼쪽에 텍스트, 오른쪽에 기기 목업이 있는 비대칭 2열 히어로입니다.

07

모션과 인터랙션

hover 시 투명도 트랜지션 (0.2s) · 인터랙티브 요소의 부드러운 hover 상태

인터랙티브 요소의 투명도 변화. · 즉각적인 시각적 반응.

08

컴포넌트

• button 대담한 모노스페이스 텍스트가 들어간 솔리드 네온 핑크 버튼입니다.
• card 미묘한 1px 테두리가 있는 다크 그레이 패널입니다.
• chip 표시된 것 없음.
• input 표시된 것 없음.
• hero 컬러풀한 그림자 액센트가 적용된 기기 목업과 함께하는 큰 대문자 텍스트입니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 활기차며, 게이머 중심적입니다.
• 헤드라인 대담하고, 대문자이며, 넓은 자간의 모노스페이스입니다.
• CTA 직관적인, 대문자 모노스페이스 명령문입니다.

• 세리프 폰트를 사용하지 마세요 — 스크린샷은 모노스페이스/산세리프만 사용합니다.
• 화이트 배경을 사용하지 마세요 — 스크린샷은 주로 블랙 배경을 보여줍니다.
• 저대비 색상을 사용하지 마세요 — 스크린샷은 블랙 배경의 고대비 화이트와 네온 핑크를 보여줍니다.
• 헤드라인에 소문자를 사용하지 마세요 — 스크린샷은 넓은 자간의 모든 대문자 텍스트를 보여줍니다.
• 빈약하거나 미묘한 액센트 색상을 사용하지 마세요 — 스크린샷은 선명한 네온 핑크(#EE1F66)를 보여줍니다.
• 얇은 테두리를 사용하지 마세요 — 스크린샷은 1px 테두리 또는 테두리 없음을 보여줍니다.
• 피하기: 세리프 폰트
• 피하기: 파스텔 팔레트
• 피하기: 공식적인 비즈니스 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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