← OpenDesign
큐레이션 · 오픈 · 무료
Boom Supersonic
대담한 다크 오버레이와 정밀한 타이포그래피로 초음속 속도를 선보이는 사진 중심의 항공우주 사이트입니다.
aerospace
01
디자인 DNA
항공우주 속도 초음속 엔지니어링 혁신
고성능 항공우주 엔지니어링과 현대 미니멀리즘의 만남.
02
컬러
#FFF555Accent
#FFFFFFInk
#000000BG
#88898AMuted
rgba(255, 255, 255, 0.2)Line
고대비 흑백 베이스에 단 하나의 선명한 노란색 강조를 절제 있게 사용하여 강조합니다.
03
타이포그래피
geometric-sans
display 72px · 700h1 48px · 500body 16px · 400caption 12px · 400모든 텍스트에 Styrene A(또는 유사한 기하학적 sans-serif)를 사용합니다. · 디스플레이 사이즈는 타이트한 트래킹과 라인 높이를 사용합니다. · 작은 텍스트와 레이블은 넓은 자간(1.2px)을 사용합니다.
04
여백
4px
8px
12px
16px
24px
32px
48px
64px
80px
96px
140px
풍부한 패딩과 큰 수직 공간(96px, 140px)으로 섹션 사이에 극적인 여백을 만듭니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 6px
lg · 8px
pill · 999px
0 4px 24px rgba(0, 0, 0, 0.3)
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
풀블리드 사진 섹션과 체계적인 콘텐츠 그리드가 교대로 구성되며, 기능 하이라이트를 위해 2열 레이아웃을 자주 사용합니다.
07
모션과 인터랙션
150ms micro
300ms small
700ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
대화형 요소의 부드러운 hover 전환 효과(0.15초) · 스크롤 트리거 reveal를 위한 더 긴 transform 애니메이션(0.7초)
버튼과 링크의 미세한 배경 또는 색상 전환 효과. · 색상 변경을 통한 즉각적인 시각적 피드백.
08
컴포넌트
button 흰색 배경, 검정 텍스트, 날카로운 모서리(4px radius), hover 시 다크 테두리가 있는 주요 'Join Boom' 버튼. 보조 버튼은 투명 배경에 흰색 테두리를 사용합니다. card 시각적 테두리가 없는 이미지 중심 카드로, 사진 콘텐츠로 경계를 정의합니다. chip 네비게이션이나 카테고리를 위한 대문자 텍스트 레이블로, 넓은 자간을 사용합니다. input 미니멀리스트 입력 필드로, 미세한 하단 테두리와 눈에 띄는 컨테이너가 없습니다. hero 전체 뷰포트 사진 또는 비디오 배경에 다크 오버레이(rgba(0,0,0,0.5)), 중앙 정렬된 큰 흰색 타이포그래피, 그리고 스크롤 인디케이터를 포함합니다.
09
보이스와 금지 목록
톤 자신감 있고 미래지향적이며 기술적으로 정확합니다. 헤드라인 'Speed Is Our Superpower'와 같은 짧고 임팩트 있는 statements를 볼드하고 큰 타입으로 표현합니다. CTA 직접적이고 행동 지향적입니다(예: 'Join Boom'). 번잡하거나 복잡한 레이아웃을 사용하지 마십시오 — 스크린샷은 풍부한 여백과 요소 사이의 큰 호흡 공간을 보여줍니다. 다양한 색상을 사용하지 마십시오 — 스크린샷은 흰색, 검정, 회색, 단일 노란색 강조의 엄격한 팔레트를 보여줍니다. 주요 버튼에 둥근 모서리를 사용하지 마십시오 — 스크린샷은 최대 4px radius의 날카로운 모서리를 보여줍니다. 작고 비좁은 타이포그래피를 사용하지 마십시오 — 스크린샷은 타이트한 트래킹의 크고 볼드한 디스플레이 텍스트를 보여줍니다. 복잡한 배경 패턴을 사용하지 마십시오 — 스크린샷은 단색 검정 배경 또는 풀블리드 사진을 보여줍니다. 지나치게 장식적인 글꼴을 사용하지 마십시오 — 스크린샷은 깔끔하고 기하학적인 sans-serif 타이포그래피만을 사용합니다. 피하기: 장난스럽거나 캐주얼한 언어 피하기: 과도한 느낌표 사용 피하기: 맥락 없이 전문 용어가 많은 설명
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
Boom Supersonic은 세계에서 가장 빠른 상용 항공기를 개발하는 데 초점을 맞춘 항공우주 기업입니다. 웹사이트는 흑(#000000), 백(#FFFFFF), 회색(#88898A)의 고대비 팔레트와 강조를 위한 단일 선명한 노란색(#FFF555)을 사용합니다. 타이포그래피는 깔끔한 기하학적 sans-serif(Styrene A)이며, 헤드라인용 볼드하고 타이트한 트래킹의 디스플레이 사이즈와 작은 레이블용 넓은 트래킹을 사용합니다. 주요 기능으로는 다크 오버레이가 적용된 풀블리드 사진 배경, 풍부한 패딩(96px에서 140px), 최소한의 UI 요소가 포함됩니다. 핵심 금지 사항: 번잡한 레이아웃 사용 절대 금지, 다양한 색상 범위 사용 회피, 둥근 버튼 사용 금지, 그리고 전체적으로 크고 볼드한 타이포그래피를 유지하십시오.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 사이트는 극적인 항공우주 사진과 미니멀리스트 UI를 효과적으로 결합하여 속도, 정밀함, 그리고 프리미엄 엔지니어링을 전달합니다.