큐레이션 · 오픈 · 무료

Contract Mdfitalia

몰입감 있는 사진과 절제된 우아한 레이아웃을 특징으로 하는 프리미엄 가구 컨트랙트 웹사이트입니다.

01

디자인 DNA

어지러운 UI보다 분위기 있는 사진을 우선시하는 평온한 하이엔드 가구 쇼룸입니다.

02

컬러

제품 사진이 시각적 따뜻함을 결정하도록 하는 고대비의 중립 팔레트입니다.

03

타이포그래피

geometric-sans

• display100px · 500
• heading50px · 500
• subheading24px · 500
• body16px · 500
• small15px · 400

제목은 세련되고 현대적인 느낌을 위해 좁은 자간(예: -0.4px ~ -1px)을 사용합니다. · 본문 텍스트의 굵기는 주로 500으로, 일반적인 Regular 굵기보다 더 촘촘하고 구조화된 느낌을 만듭니다.

04

여백

넓은 여백보다는 컴팩트한 레이아웃을 우선시하는 촘촘하고 효율적인 간격 시스템입니다.

05

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

1px solid rgb(229, 231, 235)

rgba(0, 0, 0, 0.03) 0px 4px 40px 0px · rgba(0, 0, 0, 0.3) 0px 30px 70px 0px

06

레이아웃

클린하고 상단 정렬된 탐색 모양과 미니멀한 UI 요소를 갖춘 풀블리드 사진 레이아웃입니다.

07

모션과 인터랙션

미세한 UI 상호작용을 위한 부드러운 투명도 및 변환 전환.

이미지를 방해하지 않으면서 상호작용을 나타내는 미세한 투명도 변화 또는 작은 공간 변화입니다. · 무거운 애니메이션 없이 즉각적이고 클린한 피드백을 제공합니다.

08

컴포넌트

• button 정확하고 작은 패딩과 좁은 자간을 사용하는 미니멀하고, 테두리 없는 또는 외곽선만 있는 버튼입니다.
• card 높은 품질의 사진과 촘촘한 텍스트 오버레이에 크게 의존하는 클린하고 테두리 없는 카드입니다.
• input 얇고 미세한 테두리와 배경색이 없는 미니멀한 폼 입력 필드입니다.
• hero 분위기 있고 몰입감 있는 톤을 설정하는 지배적인 풀뷰포트 사진 히어로입니다.

09

보이스와 금지 목록

• 톤 세련되고 전문적이며 절제된 톤으로, 제품이 스스로 말하도록 합니다.
• 헤드라인 간결하고 현대적이며, 메시지를 전달하기 위해 강력한 시각적 사진에 크게 의존합니다.
• CTA 직접적이고 눈에 띄지 않으며, 종종 간단한 텍스트 링크 또는 미니멀한 외곽선 버튼으로 제시됩니다.

• 밝은 주요색을 사용하지 마세요 - 스크린샷은 엄격한 단색 기본 팔레트를 보여줍니다.
• 무거하고 화려한 테두리를 사용하지 마세요 - 스크린샷은 테두리가 없거나 매우 얇고 미세한 구분선을 보여줍니다.
• 너무 넓거나 느슨한 글자 간격을 사용하지 마세요 - 스크린샷은 모든 제목에 좁은 자간을 사용합니다.
• 크고 바쁜 UI 패턴을 사용하지 마세요 - 스크린샷은 절제된, 사진 중심 레이아웃을 보여줍니다.
• 카드에 무거운 그림자를 사용하지 마세요 - 스크린샷은 매우 미세하고 부드러운 입체감 그림자를 보여줍니다.
• 장난스럽고 둥근 UI 요소를 사용하지 마세요 - 스크린샷은 날렵하고 클린한 직사각형 또는 최소한으로 둥근 컴포넌트를 보여줍니다.
• 피하기: 제품 사진과 충돌하는 밝고 채도 높은 강조색을 피합니다.
• 피하기: 레이아웃의 미니멀리즘을 방해하는 무거운 그림자나 복잡한 UI 장식을 피합니다.
• 피하기: 기하학적 고딕 sans-serif 시스템과 충돌하는 지나치게 장식적이거나 필기체 서체를 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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