큐레이션 · 오픈 · 무료

Heartaerospace

절제된 타이포그래피와 대규모 이미지를 통해 전기 항공 하드웨어를 선보이는 프리미엄, 깔끔한 항공우주 브랜드.

01

디자인 DNA

깔끔하고 절제된 항공우주 엔지니어링 문서.

02

컬러

인터랙티브 요소를 위한 단일의 강렬한 딥 블루 강조색이 포함된 고대비 단색 기반.

03

타이포그래피

neue-haas-grotesk-display · neue-haas-grotesk-text

• display50px · 500
• body18px · 400
• caption14px · 400

모든 주요 디스플레이 텍스트에 Neue Haas Grotesk Display를 사용합니다. · 모든 본문 및 UI 텍스트에 Neue Haas Grotesk Text를 사용합니다. · 헤드라인의 타이트한 자간을 유지합니다.

04

여백

엄격한 4px 기본 그리드와 넉넉한 64px 섹션 패딩.

05

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

0 32px 68px rgba(0, 0, 0, 0.3)

06

레이아웃

중앙 정렬된 대규모 타이포그래피 오버레이가 있는 전체 폭 히어로 이미지.

07

모션과 인터랙션

hover 시 섬세한 opacity 전환. · 주요 버튼의 색상 전환. · 이미지의 필터 전환.

인터랙티브 요소에 약간의 opacity 감소 또는 색상 변화. · 바운싱 스케일링 없이 즉각적인 시각적 피드백.

08

컴포넌트

• button 흰색 텍스트와 둥근 모서리(lg radius)가 있는 단색 딥 블루(#1032CF) 사각형.
• card 눈에 띄는 테두리가 없는 단순한 흰색 또는 투명 표면.
• chip 쿠키 동의를 위한 최소한의 알약 모양 토글.
• input 섬세한 하단 테두리가 있는 깔끔한 텍스트 입력.
• hero 큰 흰색 오버레이 타이포그래피가 있는 전체 폭 사진 배경.

09

보이스와 금지 목록

• 톤 전문적이고 비전이 있으며 미래 지향적인.
• 헤드라인 크고 굵은 문장 대문자 문구.
• CTA 단색 파란색 배경 위의 명확하고 행동 지향적인 텍스트.

• 장식용 폰트를 사용하지 마세요 — 스크린샷에는 깔끔한 기하학적 고딕산세리프 타이포그래피가 보입니다.
• 텍스트 뒤에 지저분한 배경을 사용하지 마세요 — 스크린샷에는 이미지 위의 명확한 텍스트 오버레이 또는 단색 흰색 배경이 보입니다.
• 여러 강조색을 사용하지 마세요 — 스크린샷에는 일관되게 사용되는 단일의 주요한 딥 블루가 보입니다.
• 날카롭고 공격적인 모서리를 사용하지 마세요 — 스크린샷에는 주요 요소에 일관되게 적용된 둥근 모서리(최대 32px)가 보입니다.
• 메인 인터페이스에 다크 모드를 사용하지 마세요 — 스크린샷에는 주로 흰색과 밝은 테마의 레이아웃이 보입니다.
• 저대비 텍스트를 사용하지 마세요 — 스크린샷에는 배경 대비 높은 검은색 또는 흰색 텍스트가 보입니다.
• 피하기: 맥락 없는 지나치게 전문적인 용어.
• 피하기: 공격적이거나 과장된 마케팅 언어.
• 피하기: 시각적으로 지저분한 인터페이스.
• 피하기: 여러 가지 밝은 색상의 사용.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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