큐레이션 · 오픈 · 무료

Rolls-Royce

몰입감 있는 시네마틱 사진과 절제된 타이포그래피를 통해 우아한 차량을 선보이는 울트라 럭셔리 자동차 브랜드.

01

디자인 DNA

하이엔드 럭셔리 자동차 매거진

02

컬러

대비 높은 화이트 텍스트를 적용한 단색 다크 베이스를 사용하여 사진이 자체적으로 말하게 합니다.

03

타이포그래피

geometric-sans · sans-serif

• display70px · 300
• sub-display28px · 300
• body16px · 400

모든 텍스트는 대문자 · 대형 디스플레이 텍스트에는 사용되는 경량 웨이트 · 헤드라인에 넉넉한 letterSpacing 적용

04

여백

럭셔리함과 숨쉴 여백을 강조하는 넉넉한 화이트스페이스

05

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

구분선과 윤곽을 위한 섬세한 얇은 라인

06

레이아웃

중앙 정렬된 콘텐츠를 가진 풀블리드 히어로

07

모션과 인터랙션

텍스트 및 UI 요소를 위한 부드러운 페이드인

미묘한 투명도 변화 또는 배경색 트랜지션 · 부드러운 트랜지션과 즉각적인 반응

08

컴포넌트

• button 대문자 텍스트가 적용된 필 아웃라인 버튼
• card 풀블리드 시네마틱 히어로 이미지
• hero 중앙 정렬된 스택 타이포그래피가 적용된 풀스크린 배경 이미지

09

보이스와 금지 목록

• 톤 권위 있고, 우아하며, 절제된
• 헤드라인 대문자, 넓은 letterSpacing, 경량 웨이트
• CTA 중앙 정렬 대문자 텍스트가 적용된 필 아웃라인 버튼

• 밝고 채도 높은 강조색을 사용하지 마세요 — 팔레트는 시네마틱한 단색 구성으로 제한됩니다.
• 두껍고 볼드한 웨이트를 사용하지 마세요 — 미적 요소는 경량, 우아한 타이포그래피에 의존합니다.
• 작고 타이트한 letterSpacing을 사용하지 마세요 — 디자인은 헤드라인의 넓은 트래킹으로 숨쉴 여백을 만듭니다.
• 장식적, 스크립트 또는 하이 세리프 서체를 사용하지 마세요 — 타이포그래피는 깨끗하고 기하학적이며 모던합니다.
• 경쟁적인 여러 CTA로 인터페이스를 어지럽히지 마세요 — 레이아웃은 단일하고 명확한 초점에 집중합니다.
• 바쁘고 질감이 있거나 그라데이션이 적용된 배경을 사용하지 마세요 — 디자인은 깨끗한 사진과 단색 다크 톤에 의존합니다.
• 피하기: 어지러운 레이아웃
• 피하기: 밝고 채도 높은 강조색
• 피하기: 캐주얼한 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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