큐레이션 · 오픈 · 무료

Angelvaliente

미니멀리스트 디자인 스튜디오 포트폴리오.

01

디자인 DNA

디자인 스튜디오 작업물을 전시한 큐레이션된 갤러리로, 오브젯과 공간을 우선시합니다.

02

컬러

흑백을 지배적으로 사용하되, 사진에서 따뜻한 중간색을 더한 극도로 대비가 높은 팔레트입니다.

03

타이포그래피

humanist-sans · monospace

• display32px · 400
• body17px · 400

모든 텍스트는 대문자입니다. · 모든 텍스트에 넉넉한 자간이 적용됩니다. · 폰트 두께는 정해진 Regular(400)로 엄격히 통제됩니다.

04

여백

인터랙티브 요소에 일관된 26px의 패딩이 적용됩니다.

05

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

보이는 UI 테두리는 없으며, 구분은 레이아웃과 사진을 통해 이룹니다.

06

레이아웃

포트폴리오 항목을 위한 비대칭 매스 또는 그리드 레이아웃입니다.

07

모션과 인터랙션

콘텐츠 로딩 시 페이드 인 및 아웃 전환. · 호버 또는 인터랙션 시 부드러운 투명도 변화.

미묘한 변화로, 투명도나 약간의 움직임이 있을 수 있습니다. · 프로젝트 상세 페이지로 직접 이동합니다.

08

컴포넌트

• button 텍스트 기반의 미니멀 버튼이나 아이콘으로, 포인터 커서를 주로 사용합니다.
• card 포트폴리오 항목은 최소한의 텍스트 레이블과 함께 큰 사진 블록으로 제시됩니다.
• chip 칩 요소는 없습니다.
• input 제공된 스크린샷에 보이는 입력 필드는 없습니다.
• hero 오버레이 또는 인접한 미니멀 텍스트와 함께 채우는(bleed) 고품질 사진입니다.

09

보이스와 금지 목록

• 톤 미니멀하고, 전문적이며, 직접적입니다.
• 헤드라인 대문자, 넓은 자간, Regular 두께입니다.
• CTA 절제되어 있으며, 주로 텍스트 또는 아이콘으로 구성됩니다.

• 볼드나 이탤릭 서체를 사용하지 마십시오 — 스크린샷에 Regular 두께 텍스트만 보입니다.
• 장식적인 테두리나 상자 UI를 사용하지 마십시오 — 스크린샷에 테두리 없이 깔끔한 레이아웃이 보입니다.
• 복잡하거나 다채로운 배경을 사용하지 마십시오 — 스크린샷에 흰색이나 따뜻한 베이지색의 단색 배경이 보입니다.
• 내비게이션이나 제목에 소문자를 사용하지 마십시오 — 스크린샷에 모든 텍스트가 대문자입니다.
• 복잡한 그림자나 3D 효과를 사용하지 마십시오 — 스크린샷에 평면적인 사진과 UI가 보입니다.
• 채도 높은 강조색을 사용하지 마십시오 — 스크린샷에 사진에서 색상이 오는 중간색 팔레트만 보입니다.
• 피하기: 과도한 구두점
• 피하기: 설명적인 텍스트
• 피하기: 볼드 또는 이탤릭 스타일
• 피하기: 장식적인 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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