큐레이션 · 오픈 · 무료

Evermade Fi

거대한 세리프 타이포그래피와 높은 대비의 화려한 색상 팔레트로 정의되는 표현적인 에이전시 포트폴리오.

01

디자인 DNA

대담한 패션 에디토리얼이 하이엔드 디지털 에이전시 포트폴리오와 만나는 곳.

02

컬러

높은 대비와 표현력, 다크 버건디와 부드러운 피치를 앵커로 사용하여 화려한 핑크 하이라이트를 강조합니다.

03

타이포그래피

didone-serif · geometric-sans · monospace

• display48px · 400

우아하고 높은 대비의 세리프 디스플레이 타입과 깔끔한 기하학적 산세리프를 본문에 결합합니다. · 메타데이터, 레이블, 보조 텍스트에는 모노스페이스 폰트를 사용합니다. · 네비게이션과 카테고리 레이블에는 대문자 변환을 엄격히 사용합니다.

04

여백

여유로운 여백과 엄격한 그리드 정렬.

05

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

날카롭고 얇은 1px 테두리가 은은하고 반투명한 방식으로 자주 사용됩니다.

0px 30px 70px 0px rgba(0,0,0,0.3) · 0px 4px 10px 0px rgba(0,0,0,0.1)

06

레이아웃

거대하고 겹치는 타입과 중앙에서 벗어난 이미지를 특징으로 하는 비대칭 에디토리얼 그리드.

07

모션과 인터랙션

UI 상태 변화를 위한 부드럽고 감속되는 전환. · 히어로 텍스트와 이미지 전환을 위한 더 길고 극적인 ease-out.

인터랙티브 요소에서 은은한 배경색 변화 또는 약간의 공간적 움직임. · 부드럽고 감속되는 전환을 통한 즉각적인 반응.

08

컴포넌트

• button 단색 다크 배경을 사용한 필 모양 또는 날카로운 테두리를 사용한 고스트 스타일.
• card 과대 타이포그래피와 깔끔한 여백을 사용한 미니멀리스트 케이스 스터디 카드.
• chip 태그나 메타데이터로 사용되는 대문자 모노스페이스 텍스트 레이블.
• input 날카롭고 직사각형 테두리와 명확한 레이블을 갖춘 표준 폼 필드.
• hero 넘쳐흐르는 거대한 세리프 타이포그래피와 겹치는 사진학을 결합한 극적인 레이아웃.

09

보이스와 금지 목록

• 톤 자신감 있고 대담하며 매우 전문적인.
• 헤드라인 시청자의 주목을 끄는 거대하고 표현적인 세리프 타입.
• CTA 메타데이터용은 깔끔하고 대문자이며 모노스페이스; 주요 액션용은 대담한 산세리프.

• 부드럽고 둥근 UI 컴포넌트를 사용하지 마십시오 — 스크린샷은 날카로운 직사각형 테두리와 엄격한 필 모양을 보여줍니다.
• 바쁘고 복잡한 배경을 사용하지 마십시오 — 스크린샷은 단색 다크 버건디 또는 깔끔한 부드러운 피치를 보여줍니다.
• 디스플레이 텍스트에 장난기 있는 둥근 산세리프를 사용하지 마십시오 — 스크린샷은 높은 대비의 디도네 세리프를 보여줍니다.
• 레이아웃을 너무 많은 요소로 어지럽히지 마십시오 — 스크린샷은 여유로운 여백과 집중된 에디토리얼 그리드를 보여줍니다.
• 캐주얼하고 대화체인 UI 레이블을 사용하지 마십시오 — 스크린샷은 구조화된 대문자 모노스페이스 메타데이터를 보여줍니다.
• 밝은 네온 그린이나 블루를 사용하지 마십시오 — 스크린샷은 다크 버건디, 핑크, 피치에 집중된 팔레트를 보여줍니다.
• 피하기: 강렬한 네온 그라디언트
• 피하기: 둥근 부드러운 UI 컴포넌트
• 피하기: 장난기 있거나 캐주얼한 마이크로카피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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