← OpenDesign
큐레이션 · 오픈 · 무료
Lorenzodaldosso It
거대한 전시 타이포그래피와 엄격한 단색 팔레트가 특징인 미니멀리스트 IT 전문가 포트폴리오.
Portfolio Clean Bold Typography Monochrome Restraint
01
디자인 DNA
전문적 기술적 IT 전문가 깔끔 대담
오버사이즈 타이포그래피와 단색 제약을 사용하여 정밀함을 전달하는 미니멀리스트 기술 포트폴리오.
02
컬러
#000310Ink
#FFFCF0BG
#545454Muted
rgba(0, 0, 0, 1)Line
따뜻한 오프화이트 위에 깊은 뉴블랙을 사용하는 철저한 고대비 단색 팔레트.
03
타이포그래피
geometric-sans · humanist-sans
display 135px · 400body 14px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
넉넉한 수평 패딩(57.6px)과 명확한 수평 간격.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 32px
pill · 999px
1px solid 테두리는 주로 수평 구분선에 절제적으로 사용됩니다.
0px 8px 48px 0px rgba(0, 0, 0, 0.15)
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
중앙 수평 구분선을 기준으로 전폭 전시 타이포그래피가 배치됨.
07
모션과 인터랙션
220ms micro
400ms small
1400ms medium
cubic-bezier(0.19, 1, 0.22, 1) easing
1.4초 지속 시간과 커스텀 이징이 적용된 매끄러운 트랜스폼 애니메이션.
인터랙티브 요소를 나타내는 표준 포인터 커서. · 내비게이션 및 인터랙티브 요소의 표준 클릭 상호작용.
08
컴포넌트
button 검정색 배경과 흰색 텍스트의 알약 모양 버튼. card 전통적인 카드 없음; 레이아웃은 오버사이즈 타이포그래피와 넉넉한 여백에 의존. input 다크 알약 컨테이너와 틸(#1CC691) 활성 상태를 가진 토글 스위치. hero 주요 초점 역할을 하는 거대하고 자간이 조밀한 전시 텍스트.
09
보이스와 금지 목록
톤 직설적이며 전문적이고, 약간의 장난기 있는 어조. 헤드라인 대문자 문장 스타일의 극도로 큰 타이포그래피와 볼드 또는 커스텀 기하학적 처리. CTA 고대비 알약 버튼 위의 명확하고 행동 지향적인 텍스트. 다채로운 팔레트를 사용하지 마세요 — 스크린샷은 엄격한 블랙, 오프화이트, 그레이를 보여줍니다. 작은 전시 크기를 사용하지 마세요 — 스크린샷은 전시 텍스트가 뷰포트를 지배하는 것을 보여줍니다. 날카로운 직사각형 버튼을 사용하지 마세요 — 스크린샷은 큰 반지름을 가진 알약 모양 버튼을 보여줍니다. 복잡한 장식 아이콘을 사용하지 마세요 — 스크린샷은 픽셀화된 기하학적 형태와 숫자를 보여줍니다. 표준 중앙 정렬 히어로 레이아웃을 사용하지 마세요 — 스크린샷은 거대한 좌측 정렬 전시 텍스트를 보여줍니다. 과도한 그림자가 있는 요소를 사용하지 마세요 — 스크린샷은 최소한의 엘리베이션이 적용된 거의 플랫한 미적감을 보여줍니다. 피하기: 핵심 타이포그래피에서 주의를 산만하게 하는 장식적 요소를 피할 것. 피하기: 밝고 다채로운 팔레트를 피할 것. 피하기: 작고 비좁은 텍스트 레이아웃을 피할 것. 피하기: 표준 그리드 기반 카드 컴포넌트를 피할 것.
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 사이트는 거대하고 지배적인 전시 타이포그래피와 깊은 뉴블랙(#000310) 및 따뜻한 오프화이트(#FFFCF0)의 엄격한 단색 팔레트가 특징인 미니멀리스트 IT 전문가 포트폴리오 사이트입니다. 레이아웃은 기술적 정밀함을 전달하기 위해 오버사이즈 텍스트와 넉넉한 여백에 크게 의존합니다. 핵심 주요 금지 사항: 절대 다채로운 팔레트를 사용하지 말 것, 절대 작은 전시 타이포그래피를 사용하지 말 것, 절대 표준 직사각형 UI 컴포넌트를 사용하지 말 것. 디자인 DNA는 대담한 절제와 타이포그래피적 표현으로 정의됩니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 극단적인 스케일과 엄격한 시각적 절제를 통해 높은 임팩트를 달성하는 타이포그래피 기반 포트폴리오 디자인의 대표적인 예로 포함할 가치가 있습니다.