← OpenDesign
큐레이션 · 오픈 · 무료
Richardekwonye
대담한 타이포그래피 표현을 갖춘 미니멀리스트 크리에이티브 개발자 포트폴리오
Portfolio Bold Typography Clean Developer Photographic
01
디자인 DNA
미니멀 전문적 타이포그래피 디자인엔지니어
디지털 포트폴리오를 위한 잘 구조화된 건축 도면
02
컬러
#000000Ink
#E1DFDDBG
rgba(0,0,0,1.0)Line
따뜻한 중립적 배경을 가진 고대비 모노크롬
03
타이포그래피
geometric-sans
display 144px · 500h2 40px · 500body 16px · 400모든 제목과 전시 텍스트는 대문자 · 큰 타이포그래피에 촘촘한 자간 · 본문 400과 제목 500 사이의 굵기 대비
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
170px
풍부한 여백을 가진 4px 그리드 기반 수직 리듬
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
보이는 테두리 없음; 깔끔한 엣지투엣지 레이아웃
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
풍부한 네거티브 공간을 가진 비대칭 그리드
07
모션과 인터랙션
220ms micro
400ms small
1000ms medium
cubic-bezier(0.62, 0.05, 0.01, 0.99) easing
스크롤 시 부드러운 트랜스폼 전환 · 모든 요소에 정의된 트랜시션 속성
인터랙티브 요소에 커서 포인터 · 시각적 피드백을 통한 즉각적인 반응
08
컴포넌트
button 대문자 스타일링을 적용한 미니멀 텍스트 기반 내비게이션 card 테두리나 그림자 없는 사진 요소 hero 큰 이미지 통합이 가능한 풀블리드 타이포그래피 히어로
09
보이스와 금지 목록
톤 자신감 있고, 전문적이며, 절제된 헤드라인 대담하고, 대문자이며, 직접적인 statements CTA 버튼 없는 미니멀 텍스트 내비게이션 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 직사각형 가장자리를 보여줍니다 드롭 섀도우를 추가하지 마세요 — 스크린샷은 플랫하고 그림자가 없는 표면을 보여줍니다 여러 색상을 사용하지 마세요 — 스크린샷은 검정과 따뜻한 회색만 보여줍니다 밀집된 레이아웃을 만들지 마세요 — 스크린샷은 풍부한 여백을 보여줍니다 소문자 헤드라인을 사용하지 마세요 — 스크린샷은 모든 텍스트가 대문자임을 보여줍니다 장식적 테두리를 추가하지 마세요 — 스크린샷은 테두리 없는 디자인을 보여줍니다 피하기: 장식적 요소 피하기: 복잡한 애니메이션 피하기: 밝은 색상 피하기: 복잡한 레이아웃
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 현재 Stripe의 디자인 엔지니어인 Richard Ekwonye를 위한 미니멀리스트 크리에이티브 개발자 포트폴리오입니다. 따뜻한 중립적 배경(#E1DFDD)과 검은색 텍스트(#000000)로 엄격한 모노크롬 팔레트를 사용합니다. 타이포그래피는 144px 전시 타입과 16px 본문 텍스트를 특징으로 하는 기하학적 sans-serif(PP Neue Montreal)이며 극단적인 스케일 대비를 가집니다. 핵심 디자인 원칙: 모든 제목에 대문자 스타일링 유지, 풍부한 여백(170px 수직 패딩) 보존, 모든 장식적 요소 또는 테두리 회피, border-radius 없는 날카로운 직사각형 모양 사용, 부드러운 1초 cubic-bezier 트랜시션 구현. 레이아웃은 시각적 장식보다 타이포그래피 표현에 중점을 둔 12열 비대칭 그리드입니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 시각적 복잡성보다 명확성과 전문적인 프레젠테이션을 우선시하는 타이포그래피 중심 포트폴리오 디자인의 훌륭한 예시입니다.