큐레이션 · 오픈 · 무료

Maquilts

모던한 직물 디자인을 위한 활기차고 예술 중심의 포트폴리오

01

디자인 DNA

대담하고 모던한 직물 작품을 선보이는 아티스트의 포트폴리오

02

컬러

따뜻하고 채도 높은 주요 배경과 밝은 주황색 악센트

03

타이포그래피

humanist-sans · geometric-sans · monospace

• display68px · 700
• display36px · 400
• body23px · 400
• mono14px · 400

헤드라인에는 텍스트 변환을 대문자로 적용합니다 · 디스플레이 및 보조 텍스트에는 자간을 넓게 설정합니다 · 굵은 헤드라인과 일반 본문 텍스트 간의 두께 대비를 활용합니다

04

여백

관대한 수직 리듬과 큰 섹션 패딩(상단 96px, 하단 192px)

05

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

4px solid rgb(241, 90, 36)

rgba(0, 0, 0, 0.1) 1px 0px 10px 6px

06

레이아웃

왼쪽에 텍스트, 오른쪽에 이미지를 배치한 분할 화면 히어로

07

모션과 인터랙션

인터랙티브 요소의 부드러운 색상 전환 · 호버 상태의 스케일 변환

테두리 및 텍스트의 색상 변경 · 버튼의 스케일 변환(0.98)

08

컴포넌트

• button 점선 테두리와 단색 텍스트를 적용한 알약 모양
• card 최소한의 모서리 반경을 적용한 이미지 중심
• chip 스크린샷에 보이지 않음
• input 스크린샷에 보이지 않음
• hero 왼쪽에 큰 타이포그래피, 오른쪽에 특징적인 이미지가 있는 분할 화면

09

보이스와 금지 목록

• 톤 전문적이고 예술적이며 유익한
• 헤드라인 굵고, 대문자, 고대비
• CTA 친근하고 초대하는 느낌의 캐주얼한 점선 테두리

• 얇거나 섬세한 타이포그래피 사용 금지 — 스크린샷은 헤드라인에 굵고 묵직한 두께를 보여줍니다
• 차갑거나 어두운 톤의 주요 배경 사용 금지 — 스크린샷은 따뜻하고 밝은 노란색을 보여줍니다
• 주요 버튼에 뻣뻣하고 날카로운 모서리 사용 금지 — 스크린샷은 알약 모양의 점선 테두리를 보여줍니다
• 미니멀리스트, 단색 팔레트 사용 금지 — 스크린샷은 활기차고 다색의 기하학적 체계를 보여줍니다
• 복잡한 인터랙션 뒤에 주요 내비게이션 숨기기 금지 — 스크린샷은 단순한 햄버거 아이콘을 보여줍니다
• 좁고 밀집된 간격 사용 금지 — 스크린샷은 관대한 패딩과 넓은 여백을 보여줍니다
• 피하기: 순수하게 장식적인 폰트 사용
• 피하기: 텍스트가过多하여 시각을 압도
• 피하기: 차갑거나 지나치게 기업적인 톤 사용

10

팩 안의 실제 스크린샷

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

11

System Prompt

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