큐레이션 · 오픈 · 무료

Blue Origin

수백만 명의 사람들이 지구에 도움이 되는 방식으로 우주에서 생활하고 일할 수 있는 미래를 구축하는 데 전념하는 비전 있는 항공우주 기업입니다.

01

디자인 DNA

항공우주 공학과 환경 관리의 만남

02

컬러

깊은 블랙과 선명한 브랜드 블루를 사용하여 우주의 규모를 불러일으키는 고대비 시네마틱 디자인.

03

타이포그래피

geometric-sans · humanist-sans

• display72px · 800
• h156px · 700
• h240px · 700
• body16px · 400

모든 주요 디스플레이 텍스트는 기술적이고 기념비적인 느낌을 주기 위해 넓은 자간의 대문자입니다. · 내비게이션은 대문자 가독성을 위해 약간 더 넓은 간격을 사용합니다. · 본문 텍스트는 어두운 배경 대비를 위해 중립적인 굵기와 표준 간격을 유지합니다.

04

여백

4px 및 8px 증분의 일관된 사용은 기술적이고 격자에 맞춰진 간격 시스템을 만듭니다.

05

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

버튼과 미세한 구분선을 위한 1-2px의 얇은 화이트 또는 밝은 회색 테두리.

0 4px 24px rgba(0, 0, 0, 0.5) · 0 16px 48px rgba(0, 0, 0, 0.3)

06

레이아웃

콘텐츠가 이미지 위에 직접 겹쳐지는 풀 블리드 사진 섹션.

07

모션과 인터랙션

콘텐츠 섹션이 뷰포트에 진입할 때 부드러운 페이드인과 슬라이드업. · 버튼과 링크의 hover 효과는 주로 색상 및 테두리 전환을 포함합니다.

인터랙티브 요소의 테두리 색상 또는 텍스트 색상의 미세한 전환. · 활성 상태 또는 페이지 전환을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 2px 화이트 테두리, 대문자 텍스트, 그리고 넓은 자간을 가진 아웃라인 또는 고스트 버튼.
• card 텍스트 오버레이가 있는 풀 와이드 사진 섹션은 대규모 인터랙티브 카드로 작동합니다.
• chip 보이지 않음.
• input 미세한 테두리의 미니멀리스트 검색 또는 폼 입력.
• hero 대규모 타이포그래피와 단일 CTA를 가진 풀 뷰포트 사진 또는 비디오 배경.

09

보이스와 금지 목록

• 톤 영감을 주는, 권위 있는, 그리고 미래 지향적인 어조.
• 헤드라인 기념비적이고, 대문자이며, 직접적인 스타일로, 핵심 미션과 기술적 역량을 강조합니다.
• CTA 'OUR MISSION' 또는 'EXPLORE ENGINES'와 같이 행동 지향적이고 간결한 스타일.

• 주요 미션 진술에 중앙 정렬 텍스트 레이아웃을 사용하지 마세요 — 스크린샷은 강한 건축적 기반을 유지하기 위해 왼쪽 정렬된 것을 보여줍니다.
• 주요 섹션에 화이트 배경을 사용하지 마세요 — 스크린샷은 우주 테마를 향상시키기 위해 블랙 또는 깊은 어두운 배경을 보여줍니다.
• 제목에 얇고 장식적인 폰트를 사용하지 마세요 — 스크린샷은 굵고 기하학적인 고딕체를 보여줍니다.
• 주요 버튼에 둥근 UI 요소를 사용하지 마세요 — 스크린샷은 날카롭거나 약간 둥근(2-4px) 직사각형 버튼을 보여줍니다.
• 다양한 강조 색상을 사용하지 마세요 — 스크린샷은 블랙-화이트-블루의 엄격한 팔레트를 보여줍니다.
• 작고 비좁은 타이포그래피를 사용하지 마세요 — 스크린샷은 최대 임팩트를 위해 크고 넓게 간격이 떨어진 디스플레이 폰트를 보여줍니다.
• 피하기: 캐주얼하거나 대화체 언어를 피할 것.
• 피하기: 주요 이미지에서 주의를 산만하게 하는 복잡한 레이아웃을 피할 것.
• 피하기: 시네마틱 느낌을 저해하는 저대비 텍스트를 피할 것.
• 피하기: 기능적이거나 분위기 있는 목적이 없는 장식적 요소를 피할 것.
• 피하기: 단일 뷰에서 여러 폰트 패밀리를 사용하는 것을 피할 것.
• 피하기: 기술적 테마와 충돌하는 둥글고 장난스러운 UI 요소를 피할 것.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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