큐레이션 · 오픈 · 무료

Your Majesty

대담한 세리프 타이포그래피와 몰입감 있는 3D 및 사진 매체를 결합한 럭셔리 크리에이티브 에이전시 웹사이트.

01

디자인 DNA

하이엔드 패션 에디토리얼과 디지털 갤러리의 만남.

02

컬러

고대비 단색 기반으로 3D 및 사진 매체가 주요 색상 강조 역할을 합니다.

03

타이포그래피

transitional-serif · humanist-sans · monospaced

• display70px · 300
• display-lg30px · 400
• body16px · 400
• caption13px · 400

헤드라인은 좁은 행간의 고대비 전환형 세리프를 사용합니다. · UI 레이블과 태그는 넓은 자간의 모노스페이스 폰트를 대문자로 사용합니다. · 본문은 가독성을 위해 깔끔한 산세리프를 사용합니다.

04

여백

갤러리와 같은 레이아웃을 강조하는 넉넉한 여백.

05

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

1px solid rgba(0,0,0,0.1)

0px 2px 6px rgba(0,0,0,0.1)

06

레이아웃

넓은 타이포그래피 기반 위에 겹쳐지는 3D 및 사진 카드를 포함한 비대칭 메이슨리 격자.

07

모션과 인터랙션

미디어 요소의 페이드인 전환 · 호버 시 부드러운 색상 및 필터 변화

인터랙티브 요소의 섬세한 색상 변화 또는 필터 조정. · 버튼과 링크의 즉각적인 시각적 피드백.

08

컴포넌트

• button 모노스페이스 대문자 텍스트의 둥근 형태 다크 버튼.
• card 태그와 풍부한 미디어를 포함한 둥근 모서리의 큰 수직 카드.
• chip 다크 배경과 흰색 모노스페이스 텍스트의 작은 둥근 태그.
• input 하단 테두리 또는 밝은 배경의 미니멀 입력 필드.
• hero 좌측에 거대한 세리프 텍스트, 우측에 역동적인 미디어 격자가 있는 분할 레이아웃.

09

보이스와 금지 목록

• 톤 권위적이고 세련되며 미래지향적.
• 헤드라인 큰 세리프 서체로 설정된 대담하고 선동적인 문구.
• CTA 직접적이고 대문자로, 주로 모노스페이스 사용.

• 장난기 있는 둥근 산세리프 폰트를 사용하지 마세요 — 스크린샷에서는 헤드라인에 우아한 전환형 세리프를 보여줍니다.
• 복잡하고 다채로운 배경을 사용하지 마세요 — 스크린샷에서는 깔끔하고 극명한 흰색 캔버스를 보여줍니다.
• 모든 콘텐츠를 중앙 정렬하지 마세요 — 스크린샷에서는 강한 좌측 정렬 타이포그래피 계층을 보여줍니다.
• 표준 직사각형 카드를 사용하지 마세요 — 스크린샷에서는 약간 둥근 모서리(5px)와 겹쳐지는 요소를 보여줍니다.
• UI 레이블에 작고 밀집된 텍스트를 사용하지 마세요 — 스크린샷에서는 넓은 자간의 모노스페이스 대문자 태그를 보여줍니다.
• 밝고 채도 높은 강조 색상을 도입하지 마세요 — 스크린샷에서는 색상을 위해 3D 렌더링과 사진에 의존합니다.
• 피하기: 캐주얼한 언어
• 피하기: 복잡한 레이아웃
• 피하기: 선명한 네온 색상

10

팩 안의 실제 스크린샷

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

11

System Prompt

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