큐레이션 · 오픈 · 무료

Schulhaus Tirol

슐하우스 티롤은 티롤의 전통과 놀라운 현대 미식을 결합한 요리 명소입니다.

01

디자인 DNA

현대적 편집 디자인으로 재해석된 전통 티롤 알프스 여관.

02

컬러

대담하고 따뜻한 테라코타가 배경을 지배하며, 선명한 블랙 타이포그래피 및 이미지와 짝을 이룹니다.

03

타이포그래피

transitional-serif · monospace

• display80px · 400
• h226px · 400
• body16px · 400
• caption12px · 400

작은 레이블, 내비게이션 링크, 기술적 세부 사항에는 모노스페이스 타이포그래피를 사용합니다. · 큰 디스플레이 헤드라인, 본문, 모든 주요 텍스트에는 세리프 타이포그래피를 사용합니다. · 높은 가독성을 위해 모노스페이스 텍스트에 넉넉한 자간을 유지합니다.

04

여백

시각적 블록을 분리하고 큰 타이포그래피를 강조하기 위해 넉넉한 여백이 사용됩니다.

05

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

쿠키 동의 구분선용 1px 얇은 실선; 체크박스용 2px 실선.

0px 25px 50px -12px rgba(0, 0, 0, 0.25)

06

레이아웃

큰 텍스트 블록과 이미지가 비관습적인 위치에 배치된 비대칭적이고 편집적인 그리드.

07

모션과 인터랙션

인터랙티브 요소의 매끄러운 0.4초 색상 및 배경 전환.

cubic-bezier 이징 함수에 의해 트리거되는 미묘한 색상 전환. · 인터랙티브 요소의 표준 포인터 커서, 정적 텍스트는 기본값.

08

컴포넌트

• button 흰색 텍스트가 있는 검은색 사각형 버튼, border-radius 없음.
• card 테두리나 여백 없이 그리드 레이아웃으로 표시되는 이미지.
• chip 이미지 위나 아래에 떠다니는 모노스페이스 텍스트 레이블.
• input 모노스페이스 레이블이 있는 간단한 흑백 체크박스.
• hero 흑백 사진 위 또는 인접한 위치에 놓인 거대한 세리프 제목 '슐하우스 티롤'.

09

보이스와 금지 목록

• 톤 따뜻하고 환영하는 느낌이지만 세련되고 놀라운 톤.
• 헤드라인 편집적이고 시대를 초월한 느낌의 큰 고전적 세리프 타이포그래피.
• CTA 버튼과 링크에 모노스페이스 텍스트를 사용하는 직접적이고 대담하며 기능적인 스타일.

• 산세리프 타이포그래피 사용 금지 — 스크린샷에서 모든 주요 텍스트에 고전적인 트랜지셔널 세리프가 사용된 것을 보여줍니다.
• 여러 밝은 강조 색상 사용 금지 — 스크린샷에서 테라코타와 블랙의 엄격한 2색 팔레트를 보여줍니다.
• 버튼이나 카드에 둥근 모서리 사용 금지 — 스크린샷에서 날카롭고 사각형 가장자리를 보여줍니다.
• 고도를 위한 무거운 박스 섀도우 사용 금지 — 스크린샷에서 평면적이고 레이아웃 기반의 계층 구조를 보여줍니다.
• 모든 콘텐츠 중앙 정렬 금지 — 스크린샷에서 좌측 정렬과 떠다니는 텍스트 블록의 혼합을 보여줍니다.
• 복잡한 그라디언트 사용 금지 — 스크린샷에서 단색, 고채도 배경색을 보여줍니다.
• 피하기: 여러 강조 색상이나 복잡한 그라디언트 사용을 피합니다.
• 피하기: 지나치게 둥근 모서리나 '소프트' UI 요소를 피합니다.
• 피하기: 헤드라인이나 본문 텍스트에 산세리프 타이포그래피 사용을 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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