Bmw · 디자인 DNA · OpenDesign

어두운 분위기의 히어로 섹션, 깔끔한 타이포그래피, 대담한 블루 액센트가 돋보이는 프리미엄 자동차 웹사이트.

디자인 DNA

드라마틱한 사진을 통해 고성능 차량을 선보이는 럭셔리 자동차 쇼룸.

컬러

#1C69D4Accent

#414141Ink

#ffffffBG

#727171Muted

rgba(65, 65, 65, 0.2)Line

깊은 차콜과 선명한 화이트를 기반으로 한 미니멀리스트 팔레트에, 단일 BMW 블루 액센트를 액션에 사용.

타이포그래피

헤드라인은 우아하고 프리미엄한 느낌을 위해 라이트 웨이트(300)를 사용합니다. · 버튼 텍스트는 명확한 행동 유도를 위해 미디엄 웨이트(500)를 사용합니다. · 대형 디스플레이 타입에는 시각적 밀도를 위해 좌음 부정 간격을 적용합니다. · 본문 텍스트는 편안한 읽기를 위해 넉넉한 행간(1.5-1.6)을 유지합니다.

여백

4px

8px

12px

16px

24px

32px

48px

64px

96px

8px 그리드 시스템과 넉넉한 좌우 패딩(데스크톱 히어로 섹션 96px)으로 여유를 확보합니다.

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

미묘한 구분을 위해 음소거된 차콜(#414141)의 얇은 1px 테두리를 사용하며, 무거운 외곽선은 사용하지 않습니다.

레이아웃

좌측 정렬된 텍스트 오버레이가 있는 풀블리드 히어로 이미지로 시작하여, 아래쪽의 중앙 정렬된 화이트 콘텐츠 섹션으로 전환됩니다.

모션과 인터랙션

인터랙티브 요소에 즉각적인 피드백을 위한 빠른 0.1초 색상 전환. · 콘텐츠 노출을 위한 부드러운 0.5초 불투명도 페이드인. · 확장 가능한 내비게이션 요소를 위한 미묘한 너비 및 위치 전환.

텍스트 링크와 버튼에는 즉각적인 색상 변경, 이미지에는 미묘한 불투명도 변화. · 무거운 스케일이나 변환 효과 없이 깔끔한 상태 전환.

컴포넌트

보이스와 금지 목록

팩 안의 실제 스크린샷

Bmw — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

BMW.com은 절제되고 우아한 타이포그래피와 함께 드라마틱한 전체 뷰포트 사진을 특징으로 하는 프리미엄 자동차 브랜드 웹사이트입니다. 디자인은 라이트 고로테크-산스 타입페이스(bmwTypeNextWeb)를 헤드라인에 주로 라이트 웨이트(300)로 사용하여 럭셔리한 느낌을 만듭니다. 팔레트는 미니멀합니다: 화이트(#FFFFFF) 배경, 차콜 잉크(#414141), 그리고 행동 유도 요소를 위한 단일 BMW 블루 액센트(#1C69D4). 주요 헥스 색상은 블루 액센트, 화이트 배경, 그리고 어두운 오버레이용 차콜(#262626)을 포함합니다. 히어로 섹션은 텍스트 가독성을 위한 그라데이션 오버레이가 있는 풀블리드 자동차 사진을 사용합니다. 핵심 주의사항: 절대 둥근 버튼 모서리를 사용하지 않음(날카로운/사각형 유지), 절대 여러 액센트 색상을 추가하지 않음(블루가 유일한 크로마틱 요소), 그리고 절대 헤드라인에 무거운 폰트 웨이트를 사용하지 않음(항상 라이트/300). 레이아웃은 드라마틱한 어두운 사진 히어로에서 깔끔한 화이트 콘텐츠 섹션으로 전환됩니다. 내비게이션은 깔끔한 수평 링크와 드롭다운 시보로 미니멀합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗