큐레이션 · 오픈 · 무료

Dokument Studio

휴지기에 있는 디자인 스튜디오를 위한 미니멀하고 고요한 포트폴리오 사이트.

01

디자인 DNA

디자인 스튜디오의 과거 작업물이 차분하게 기록된 아카이브.

02

컬러

대부분 단색 팔레트에 기능적인 블루 액센트를 하나만 사용하는 극도의 절제.

03

타이포그래피

condensed-grotesque · humanist-sans · monospace

• display56px · 700
• body16px · 400
• caption12px · 400

방대한 전시용 텍스트에는 콘덴스드 고딕을 사용합니다. · 가독성 있는 본문 텍스트에는 휴머니스트 산스를 사용합니다. · 작고 대문자 표시 유틸리티 텍스트에는 넓은 자간의 모노스페이스 폰트를 사용합니다.

04

여백

표준 4px 기본 단위를 기반으로, 고요하고 숨 쉬는 레이아웃을 지원하는 풍부한 여백.

05

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

보이는 테두리 없음; 구분은 오직 여백과 레이아웃을 통해서만 달성됩니다.

06

레이아웃

내비게이션과 하단 요소가 상단과 하단 끝으로 밀린 단일 열 주요 콘텐츠 영역.

07

모션과 인터랙션

스크린샷에서 보이는 애니메이션이나 전환 효과 없는 정적 레이아웃.

인터랙티브 요소의 미묘한 투명도 변화. · 표준 링크 내비게이션.

08

컴포넌트

• button 얇은 테두리와 넉넉한 내부 패딩을 가진 미니멀한 알약 형태 버튼.
• card 보이는 것 없음.
• chip 팀원을 위한 작고 알약 형태의 아바타 칩.
• input 보이는 것 없음.
• hero 하단에 시각적 앵커 역할을 하는 거대하고 수직으로 쌓인 콘덴스드 타이포그래피 로고.

09

보이스와 금지 목록

• 톤 고요하고 전문적이며 약간의 향수를 불러일으킴.
• 헤드라인 크고 임팩트 있는 콘덴스드 타이포그래피.
• CTA 절제된, 때로는 텍스트 링크나 미니멀한 테두리의 알약 버튼으로 표현.

• 밝거나 혼란스러운 색상을 사용하지 마세요 — 스크린샷은 기능적인 블루를 하나만 사용한 절제된 단색 팔레트를 보여줍니다.
• 장난스럽거나 둥근 전시용 폰트를 사용하지 마세요 — 스크린샷은 전시용으로 highly condensed, rigid grotesque를 보여줍니다.
• 레이아웃을 여러 열이나 격자로 복잡하게 만들지 마세요 — 스크린샷은 매우 개방적이고 단일 열이 지배적인 레이아웃을 보여줍니다.
• 무거운 그림자나 3D 효과를 사용하지 마세요 — 스크린샷은 완전히 평면적이고 테두리 없는 미학을 보여줍니다.
• 본문 텍스트에 굵은 두께를 사용하지 마세요 — 스크린샷은 모든 표준 본문에 regular 400 두께를 사용합니다.
• 아이콘이나 일러스트레이션과 같은 장식적 요소를 사용하지 마세요 — 스크린샷은 전적으로 타이포그래피와 미니멀한 아바타에 의존합니다.
• 피하기: 지나치게 흥분된 언어
• 피하기: 눈에 띄는 큰 행동 유도 버튼
• 피하기: 복잡한 UI 컴포넌트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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