큐레이션 · 오픈 · 무료

Opx Studio

대담한 흑백 타이포그래피 아이덴티티를 갖춘 미니멀 크리에이티브 에이전시 포트폴리오입니다.

01

디자인 DNA

대담한 타이포그래피와 미니멀한 프레젠테이션으로 디자인 전문성을展示하는 하이엔드 크리에이티브 에이전시입니다.

02

컬러

강렬한 인상을 위해 순수 블랙과 화이트를 사용한 고대비 모노크로믹 팔레트로, 차분한 세컨더리 요소에는 중간 그레이를 사용합니다.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

• display80px · 400
• heading36px · 400
• body18px · 400

디스플레이 타이포그래피는 시각적 인상을 위해 타이트한 자간과 큰 크기를 사용합니다. · 본문 텍스트는 가독성을 위해 넉넉한 행간을 유지합니다. · 폰트 웨이트는 깔끔하고 일관된 느낌을 위해 400으로 통일합니다.

04

여백

여유로운 화이트 스페이스와 큰 패딩 값(가로 50px, 세로 99px)으로 요소 주위에 공간감을 창출합니다.

05

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

미니멀한 1px 화이트 또는 다크 그레이 테두리를 드물게 사용하여 차분한 구분을 표현합니다.

06

레이아웃

중앙 정렬된 콘텐츠가 있는 풀폭 히어로 섹션으로 시작하여, 넉넉한 간격을 둔 이미지 중심 프로젝트 그리드로 전환됩니다.

07

모션과 인터랙션

요소 표시를 위한 부드러운 opacity 및 transform 트랜지션. · 간단한 상태 변경을 위한 리니어 트랜지션. · 더 복잡한 진입 애니메이션을 위한 cubic-bezier 이징.

인터랙티브 요소에 미묘한 opacity 또는 색상 트랜지션. · 상태 변경을 통한 즉각적인 비주얼 피드백.

08

컴포넌트

• button 패딩(7px 30px)이 적용된 미니멀 텍스트 기반 버튼으로, likely hover 트랜지션이 적용됩니다.
• card 미니멀한 프레임 없이 큰 이미지를 특징으로 한 프로젝트 카드로, 레이블링에는 타이포그래피에 의존합니다.
• chip 제공된 스크린샷에 보이는 칩이 없습니다.
• input 제공된 스크린샷에 보이는 입력 필드가 없습니다.
• hero 블랙 배경에 대담한 헤드라인이 중앙 정렬된大型 풀뷰포트 타이포그래피 히어로 섹션입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 전문적이며 직접적인 어조입니다.
• 헤드라인 강한 동사('발명하다', '활성화하다', '변환하다')를 사용한 대담하고 선언적인 문장입니다.
• CTA 미니멀하고 절제된 텍스트 기반 스타일로, 화려한 버튼 없이 likely 텍스트로 구성됩니다.

• 여러 액센트 컬러를 사용하지 않습니다 — 스크린샷은 엄격한 모노크로믹 흑백 팔레트를 보여줍니다.
• 세리프 타이포그래피를 사용하지 않습니다 — 스크린샷은 깔끔한 고딕산스 디스플레이 및 본문 폰트를 보여줍니다.
• 복잡한 레이아웃을 만들지 않습니다 — 스크린샷은 넉넉한 화이트 스페이스와 미니멀한 요소를 보여줍니다.
• 장식적인 테두리나 그림자를 사용하지 않습니다 — 스크린샷은 미니멀하고 깔끔한 가장자리를 보여줍니다.
• 작은 디스플레이 타이포그래피를 사용하지 않습니다 — 스크린샷은 강렬한 헤드라인 크기(80px)를 보여줍니다.
• 일관되지 않은 폰트 웨이트를 사용하지 않습니다 — 스크린샷은 전체적으로 일관된 400 웨이트를 보여줍니다.
• 피하기: 지나치게 기술적인 전문 용어를 피합니다.
• 피하기: 여러 요소가 경쟁하는 복잡한 레이아웃을 피합니다.
• 피하기: 밝고 채도 높은 컬러 액센트를 피합니다.
• 피하기: 복잡한 장식 요소나 패턴을 피합니다.
• 피하기: 작고 비좁은 타이포그래피를 피합니다.
• 피하기: 일관되지 않은 간격이나 정렬을 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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