큐레이션 · 오픈 · 무료

Xihestudio

하이 프로필 에이전시 작업을 선보이는 미니멀한 다크 테마 개인 디자인 포트폴리오입니다.

01

디자인 DNA

하이엔드 디자인 포트폴리오의 디지털 아카이브로, 날 것 그대로의 미니멀 인터페이스로 제시됩니다.

02

컬러

작업에 대한 집중을 유지하기 위해 단일하고 절제된 빨간 강조색을 사용하는 고대비 다크 모드입니다.

03

타이포그래피

geometric-sans · mono

• display46px · 400
• body14px · 400
• caption12px · 400

04

여백

여유로운 패딩을 갖춘 엄격한 격자입니다.

05

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

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

06

레이아웃

텍스트를 위한 다중 열 격자, 포트폴리오 이미지를 위한 대규모 메이슨리 레이아웃.

07

모션과 인터랙션

호버 상태 및 페이지 로드 시 불투명도 전환.

링크 및 포트폴리오 항목에서의 섬세한 불투명도 변화. · 프로젝트 상세 페이지로의 직접 내비게이션.

08

컴포넌트

• button 방향 화살표가 있는 텍스트 링크, 최소한의 테두리 또는 없음.
• card 최소한의 패딩이 적용된 대규모 이미지 블록으로, 주요 내비게이션 역할.
• hero 하단에 포트폴리오 썸네일 격자가 있는 대규모 타이포그래피 헤드라인.

09

보이스와 금지 목록

• 톤 전문적이고 간결하며 절제된 톤.
• 헤드라인 효과를 위해 좁은 자간의 대문자 또는 볼드 문장 대문자 스타일의 큰 글씨.
• CTA 다음 섹션으로의 이동을 나타내는 절제된 방향 화살표.

• 밝거나 네온 색상을 사용하지 마세요 — 스크린샷은 흰 텍스트가 있는 어두운 거의 검은 배경을 보여줍니다.
• 장식용이나 스크립트 폰트를 사용하지 마세요 — 타이포그래피는 엄격히 기하학적이고 모노스페이스 산세리프입니다.
• 둥글고 친근한 UI 요소를 사용하지 마세요 — 레이아웃은 날카롭고 깔끔한 건축적 격자를 사용합니다.
• 드롭 섀도우나 글래스모피즘을 추가하지 마세요 — 표면은 완전히 평탄하고 단색입니다.
• 여러 강조색을 사용하지 마세요 — 스크린샷은 단일한 빨간 강조색(#FE2A2A)을 절제해서 사용하는 것을 보여줍니다.
• 모든 콘텐츠를 중앙 정렬하지 마세요 — 레이아웃은 좌측 정렬 텍스트 격자에 크게 의존합니다.
• 피하기: 화려한 애니메이션
• 피하기: 눈에 띄는 색상
• 피하기: 빈약한 문단 텍스트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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