큐레이션 · 오픈 · 무료

Lens

온체인 문화와 커뮤니티를 위한 기반 소셜 계층.

01

디자인 DNA

탈중앙화 웹을 위한 깔끔하고 인프라 중심의 소셜 프로토콜.

02

컬러

고대비의 흑백을 기반으로 한 단색 계열에, 컬러풀한 이미지로 악센트를 주는 원칙.

03

타이포그래피

geometric-sans · humanist-sans · sfmono

• display56px · 500
• body16px · 400
• caption14px · 400

04

여백

레이아웃과 컴포넌트 spacing 전반에 걸쳐 일관된 4px 기본 그리드 사용.

05

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

1px solid rgba(55, 55, 55, 0.4)

rgba(0, 0, 0, 0.05) 0px 0px 0px 1px · rgba(44, 45, 48, 0.08) 0px 10px 24px 0px · rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

06

레이아웃

콘텐츠를 위한 중앙 정렬 단일 열 레이아웃과 에코시스템 쇼케이스를 위한 넓은 컨테이너.

07

모션과 인터랙션

전환 시 페이드 인/아웃 · 인터랙티브 요소의 은은한 hover 상태

미세한 투명도 변화 또는 색상 전환 · 최소한의 시각적 피드백으로 즉각적인 반응

08

컴포넌트

• button 강한 대비의 둥근 알약 형태 버튼으로, 기본(검정)과 보조(테두리가 있는 흰색) 변형이 있습니다.
• card 은은한 테두리나 그림자를 사용한 깔끔한 카드로, 명확한 타이포그래피와 액션 버튼이 특징입니다.
• chip 태그나 상태 표시에 사용되는 작은 둥근 알약 형태.
• input 은은한 테두리가 있는 깔끔한 텍스트 입력 필드.
• hero 큰 디스플레이 헤드라인, 보조 텍스트, 두 가지 기본 액션이 포함된 중앙 정렬 히어로 섹션.

09

보이스와 금지 목록

• 톤 자신감 있고 명확하며 기술 지향적인 어조.
• 헤드라인 제품 기능에 대한 굵고 간결한 진술.
• CTA 명확한 가치 제안을 담은 직접적이고 행동 지향적인 문구.

• 복잡한 gradient 사용 금지 — 스크린샷에서는 플랫 컬러와 은은한 그림자를 보여줌
• 장식용 일러스트레이션 사용 금지 — 스크린샷에서는 폰 속 실제 제품 모형을 보여줌
• 여러 가지 악센트 컬러 사용 금지 — 스크린샷에서는 컬러풀한 이미지와 함께 단색 팔레트를 보여줌
• 강한 drop shadow 사용 금지 — 스크린샷에서는 은은한 1px 테두리와 부드러운 그림자를 보여줌
• 좁은 폭의 타이포그래피 사용 금지 — 스크린샷에서는 개방적이고 읽기 쉬운 sans-serif 폰트를 보여줌
• 번잡한 내비게이션 사용 금지 — 스크린샷에서는 적은 항목을 가진 깔끔하고 최소한의 상단 내비게이션을 보여줌
• 피하기: 맥락 없는 지나치게 기술적인 전문 용어
• 피하기: 공격적인 판매 언어
• 피하기: 모호한 약속

10

팩 안의 실제 스크린샷

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

11

System Prompt

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