큐레이션 · 오픈 · 무료

Embacy

대담한 타이포그래피와 대비 강한 흑백 베이스를 특징으로 하는 깔끔하고 세련된 디자인 에이전시 포트폴리오.

AgencyPortfolioCleanBold TypographyRefinement
Embacy 스크린샷
↓ 디자인 시스템 다운로드 (23 MB)OpenDesign 에서 열기

원본 사이트: https://www.embacy.io/nft

📦 팩 내용 보기 →

01

디자인 DNA

글로벌기술디자인파트너에이전시

글로벌 기술 브랜드에 중점을 둔 하이엔드 디자인 에이전시 포트폴리오.

02

컬러

#ff5319Accent
#000000Ink
#ffffffBG
#f7f7f7BG soft
#999999Muted
rgba(0,0,0,0.1)Line

강조 및 행동 유도를 위해 절제되게 사용하는 단일 선명한 오렌지 악센트가 포함된 대비 강한 모노크롬 베이스.

03

타이포그래피

geometric-sans

헤드라인에는 타이트한 음의 자간을 사용합니다. · 섹션 사이에는 넉넉한 수직 여백을 유지합니다. · 두꺼운 폰트 웨이트는 사용하지 않고 크기와 간격으로 계층을 구현합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

그리드 항목 간 명확한 분리가 있는 넉넉한 여백.

05

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

sm · 4px
md · 8px
lg · 10px
pill · 999px

최소화하거나 보이지 않는 테두리; 구조는 간격과 배경 대비로 정의됩니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

모바일에서 2컬럼 그리드로 축소되는 표준 12컬럼 그리드.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.1, 0, 0.3, 1)easing

페이지 요소를 위한 부드러운 불투명도 및 변환 전환. · 공지를 위한 수평 스크롤링 marquee.

미묘한 불투명도 또는 색상 전환. · 직접 탐색 또는 부드러운 스크롤.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Embacy — 桌面首屏（hero）
桌面首屏（hero）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Embacy — 移动首屏
移动首屏

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

11

System Prompt

이것은 '글로벌 기술 브랜드를 위한 디자인 파트너'인 엠바시를 위한 디자인 에이전시 포트폴리오입니다. 디자인은 단일 선명한 오렌지(#FF5319) 악센트가 포함된 대비 강한 모노크롬 팔레트에 의존합니다. 타이포그래피는 기하학적 sans-serif(Haffer)를 사용하며, 크고 타이트한 트래킹의 헤드라인과 넉넉한 여백을 적용합니다. 중요한 주의 사항으로는 두꺼운 폰트 웨이트, 여러 악센트 색상, 장식용 테두리, 넓은 트래킹, 복잡한 UI, 드롭 섀도우 사용을 피하는 것이 포함됩니다. 레이아웃은 깔끔하고 에디토리얼하며, 대형 이미지와 대담한 텍스트에 중점을 둡니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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