큐레이션 · 오픈 · 무료

Thesummerdrive

벤처 캐피탈 포트폴리오 모임을 위한 장난기 있는 고대비 이벤트 랜딩 페이지.

01

디자인 DNA

현대적인 스타트업 포트폴리오 쇼케이스와 결합된 빈티지 이벤트 초대장.

02

컬러

따뜻한 크림 베이스와 모든 인터랙티브 및 타이포그래피 요소에 사용되는 밝은 블루를 활용한 이중 톤 팔레트.

03

타이포그래피

grotesque-sans

• display77px · 400
• heading62px · 400
• subhead38px · 400
• body18px · 400
• small16px · 400

레이블 및 주요 제목에는 모든 대문자 텍스트를 사용합니다. · 두꺼운 디스플레이 폰트와 가벼운 본문 텍스트 사이에 높은 대비를 둡니다. · 큰 디스플레이 텍스트에는 상당한 음수 자간이 적용됩니다.

04

여백

넉넉한 수평 패딩(144px)이 콘텐츠를 중앙에 배치하며, 큰 여백과 일관된 마진으로 엄격한 수직 리듬이 정의됩니다.

05

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

얇은 단색 블루 라인이 수평 구분선 역할을 합니다.

06

레이아웃

넓은 마진을 가진 단일 열 중앙 정렬 레이아웃이 특정 상세를 위해 분할 레이아웃으로 전환됩니다.

07

모션과 인터랙션

hover 시 부드러운 배경색 및 색상 전환. · 인터랙티브 요소의 transform 및 opacity 변화.

버튼과 링크의 배경색 및 색상 전환. · 스케일 또는 transform 마이크로 인터랙션.

08

컴포넌트

• button 블루 테두리와 텍스트를 가진 큰 둥근 아웃라인 버튼, 모바일에서는 중앙 정렬.
• card 일정 목록이나 파트너 로고를 포함하는 간단한 테두리 섹션.
• hero 빈티지 자동차의 중앙 일러스트레이션을 특징으로 하는 거대한 타이포그래피 중심의 히어로.

09

보이스와 금지 목록

• 톤 장난기 있고, 독점적이며, 비공식적이면서도 기업적인.
• 헤드라인 크고, 대문자이며, 넓은 자간의 디스플레이 텍스트.
• CTA 명확하고, 둥근 아웃라인 버튼에 직접적인 행동 텍스트.

• 세리프 폰트를 사용하지 마세요 — 스크린샷은 모든 텍스트에 grotesque sans-serif의 일관된 사용을 보여줍니다.
• 어두운 배경을 사용하지 마세요 — 스크린샷은 따뜻하고 밝은 크림(#FFF8F1) 베이스를 보여줍니다.
• 여러 강조 색상을 사용하지 마세요 — 스크린샷은 모든 하이라이트에 단일 블루(#006EFF)에 의존합니다.
• 표준 직사각형 버튼을 사용하지 마세요 — 스크린샷은 둥근 둥근 아웃라인 버튼을 보여줍니다.
• 작은 히어로 텍스트를 사용하지 마세요 — 스크린샷은 거대하고 화면을 채우는 디스플레이 타이포그래피를 보여줍니다.
• 드롭 섀도우를 사용하지 마세요 — 스크린샷은 라인 기반 구분선을 사용한 완전히 플랫한 디자인을 보여줍니다.
• 피하기: 본문에 세리프 타이포그래피 사용
• 피하기: 어두운 배경
• 피하기: 작고 밀집된 문단

10

팩 안의 실제 스크린샷

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

11

System Prompt

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