큐레이션 · 오픈 · 무료

Erno Works

논리, 명확성, 공예를 강조하는 다분야 디자인 디렉터를 위한 정제된 포트폴리오입니다.

01

디자인 DNA

하이엔드 디자인 작업을 전시하는 미니멀리스트 갤러리

02

컬러

작업이 돋보이도록 거의 단색 팔레트에 의존하는 미니멀리스트적이고 엄격히 기능적인 색상입니다.

03

타이포그래피

humanist-sans

• display57px · 400
• h243px · 400
• body21px · 400

모든 텍스트는 일관된 휴머니스트 산세리프를 사용합니다 · 크기 큰 전시용 타이포그래피에는 좁은 자간을 사용합니다 · 정제된 느낌을 위해 라이트에서 레귤러 웨이트를 선호합니다

04

여백

차분하고 통기적인 레이아웃을 만들기 위한 넉넉한 여백과 수직 리듬

05

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

미묘한 섹션 구분을 위한 얇은 1px 라인

06

레이아웃

모바일 단일 열 레이아웃에서 데스크톱 다중 열 쇼케이스로 전환되는 반응형 격자

07

모션과 인터랙션

요소들을 위한 미묘한 페이드인과 불투명도 전환

인터랙티브 요소에 대한 미묘한 불투명도 변화 · 기본 링크 동작

08

컴포넌트

• button 테두리나 배경 없이 사용되는 미니멀한 텍스트 링크
• card 이미지와 깔끔한 텍스트 오버레이 또는 인접 텍스트로 구성된 프로젝트 카드
• hero 넉넉한 여백을 사용한 크고 지배적인 타이포그래피 선언문

09

보이스와 금지 목록

• 톤 전문적이고 자신감 있으며 절제된
• 헤드라인 디자인 철학에 대한 직접적인 1인칭 선언문
• CTA 단순하고 꾸밈없는 텍스트 링크

• 굵은 글꼴 웨이트를 사용하지 마세요 — 스크린샷에서 라이트에서 레귤러 웨이트만 사용됨을 보여줍니다
• 프로젝트 이미지에 드롭 섀도우를 적용하지 마세요 — 스크린샷에서 완전히 평면적인 이미지를 보여줍니다
• 카드 또는 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷에서 날카롭고 직사각형 가장자리를 보여줍니다
• 채도 높은 포인트 색상을 도입하지 마세요 — 스크린샷에서 엄격히 단색이면서 차분한 팔레트를 보여줍니다
• 밀집된 텍스트로 레이아웃을 어지럽히지 마세요 — 스크린샷에서 넉넉한 여백과 호흡 공간을 보여줍니다
• 장식적인 배경 패턴을 사용하지 마세요 — 스크린샷에서 단색이고 단순한 배경색을 보여줍니다
• 피하기: 지나치게 복잡하거나 장식적인 요소
• 피하기: 밝고 채도 높은 색상
• 피하기: 밀집된 텍스트 블록
• 피하기: 컨테이너의 둥근 모서리
• 피하기: UI 요소에 대한 드롭 섀도우
• 피하기: 굵고 두꺼운 글꼴 웨이트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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