← OpenDesign
큐레이션 · 오픈 · 무료
Antinomy Studio
글로벌 크리에이티브 스튜디오를 위한 미니멀하고 타이포그래피 중심의 포트폴리오 사이트.
studio webgl
01
디자인 DNA
크리에이티브 스튜디오 글로벌 현대적인 디자인 에이전시 프리미엄
하이엔드 크리에이티브 스튜디오를 위한 세련된 디지털 갤러리.
02
컬러
#000000Ink
#FFFFFFBG
rgba(0,0,0,0.1)Line
고대비 텍스트와 사진 중심의 색상을 위한 절대적 단색 기반.
03
타이포그래피
geometric-sans
display 54px · 400body 24px · 400caption 12px · 400모든 텍스트에 ABC Diatype(기하학적 산세리프) 사용 · 네비게이션과 작은 레이블에는 대문자 사용 · 디스플레이 크기에는 강한 네거티브 자간 사용
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
섹션 간 넉넉한 여백을 두어 사진과 타이포그래피가 숨쉴 수 있게 합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
보이는 테두리나 둥근 모서리 없음; 순수하게 플랫하고 가장자리까지 이어지는 이미지.
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
중앙 정렬 텍스트가 있는 전체 폭 히어로 다음에 이어지는 두 열 프로젝트 그리드.
07
모션과 인터랙션
300ms micro
400ms small
800ms medium
cubic-bezier(0.19, 1, 0.22, 1) easing
페이드인 투명도 · 부드러운 변환 전환 · 이미지 공개
미세한 투명도 변화 또는 커서 업데이트. · 프로젝트 페이지로의 즉각적인 네비게이션.
08
컴포넌트
button 최소화하거나 부재; 상호작용은 주로 링크 기반. card 가장자리까지 이어지는 프로젝트 이미지와 그 아래 중앙 정렬된 대문자 텍스트. hero 화이트 배경 위의 대형 중앙 정렬 타이포그래피, 전체 폭 히어로 이미지로 전환.
09
보이스와 금지 목록
톤 권위 있고, 전문적이며, 절제된. 헤드라인 크고, 중앙 정렬된, 문장 대소문자 성명. CTA 보이지 않거나 평범한 텍스트 링크. 둥근 모서리를 사용하지 마세요 — 사이트는 날카롭고 0px 반경의 가장자리를 사용합니다. 드롭 그림자를 사용하지 마세요 — UI는 완전히 플랫하며 깊이 효과가 없습니다. 복잡한 배경색을 사용하지 마세요 — 사이트는 거의 독점적으로 단색 화이트에 의존합니다. 장식용 글꼴을 사용하지 마세요 — 시스템은 단일 기하학적 산세리프 패밀리를 사용합니다. 레이아웃을 복잡하게 하지 마세요 — 디자인은 막대한 양의 네거티브 공간을 우선시합니다. 다색 버튼을 사용하지 마세요 — 보이는 고채도 UI 컴포넌트가 없습니다. 피하기: 시각적 혼란 피하기: 둥근 UI 요소 피하기: 복잡한 그라데이션 피하기: 화려한 팔레트
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 글로벌 크리에이티브 스튜디오 Antinomy의 포트폴리오 사이트입니다. 단일 기하학적 산세리프 글꼴(ABC Diatype)과 엄격한 흑백 팔레트(#000000 잉크, #FFFFFF 배경)를 중심으로 한 매우 세련된 미니멀 미학을 사용합니다. 레이아웃은 막대한 네거티브 공간, 강한 네거티브 자간이 적용된 중앙 정렬 디스플레이 타이포그래피, 그리고 전체 여백 프로젝트 사진이 특징입니다. 핵심 중요한 주의사항: 둥근 모서리를 절대 사용하지 말고, 드롭 그림자를 절대 추가하지 말며, 복잡한 배경색을 절대 도입하지 마세요. 이 사이트는 절제와 타이포그래피 중심 디자인의 교과서입니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 타이포그래피와 여백이 권위와 프리미엄 브랜드 아이덴티티를 확립하는 주요 도구인 '절제된' 에이전시 포트폴리오 디자인의 우수한 예시로 포함할 가치가 있습니다.
浙ICP备2021038972号-5