← OpenDesign
큐레이션 · 오픈 · 무료
Jam3
크리에이티브와 기술로 브랜드를 혁신하는 글로벌 디지털 에이전시.
agency creative
01
디자인 DNA
글로벌 디지털 크리에이티브 에이전시
하이엔드 글로벌 디지털 에이전시
02
컬러
#3C0C60Accent
#2D2D2DInk
#5A5A5AInk soft
#EAE8E4BG soft
#F5F5F5BG quiet
#DEDFE5Muted
rgba(234,232,228,0.3)Line
다크/라이트 모드 기반의 고대비 타이포그래피와 단일한 딥 퍼플 포인트 컬러를 사용합니다.
03
타이포그래피
grotesque-sans
display 67px · 800headline 48px · 800title 23px · 500body 15px · 400caption 10px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
유연한 간격과 넉넉한 좌우 패딩, 섹션 간 뚜렷한 수직 구분을 적용합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 20px
lg · 70px
pill · 100px
1px solid rgba(234,232,228,0.4)
0px 20px 40px -16px rgba(0,0,0,0.3) · 0px 30px 30px -16px rgba(0,0,0,0.3)
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
전체 폭 사진 히어로에 중앙 정렬된 콘텐츠 오버레이와 에디토리얼 카드용 구조화된 그리드를 적용합니다.
07
모션과 인터랙션
200ms micro
300ms small
600ms medium
cubic-bezier(0.19, 1, 0.22, 1) easing
불투명도 페이드 인 · 부드러운 box-shadow 전환 · max-height를 사용한 레이아웃 이동
카드에서 섬세한 불투명도 변화와 box-shadow 확장이 적용됩니다. · 부드러운 스크롤 또는 네비게이션 전환입니다.
08
컴포넌트
button 솔리드 테두리 또는 배경을 가진 알약 형태의 버튼입니다. card 대형 이미지와 구조화된 타이포그래피를 가진 깔끔한 에디토리얼 카드입니다. chip 둥근 알약 형태의 배지입니다. input 하단선이 있는 텍스트 입력 필드입니다. hero 거대하고 굵은 타이포그래피가 오버레이된 전체 폭 사진 히어로입니다.
09
보이스와 금지 목록
톤 자신감 있고 권위적이며 혁신적인 어조입니다. 헤드라인 대담하고 임팩트 있으며 소문자 또는 문장 대소문자 형태입니다. CTA 알약 형태 버튼을 사용한 직접적이고 행동 지향적인 문구입니다. 세리프 폰트를 사용하지 마세요 - 스크린샷에는 대담하고 기하학적인 grotesque sans-serif 서체가 보입니다. 밝은 네온 배경을 사용하지 마세요 - 스크린샷에는 깊은 다크 톤과 밝은 중성적 회색이 보입니다. 모든 요소에 날카로운 사각형 모서리를 사용하지 마세요 - 스크린샷에는 완전히 둥근 알약 형태가 자주 사용됩니다. 얇고 섬세한 타이포그래피를 사용하지 마세요 - 스크린샷에는 모든 헤드라인에 굵고 무거운 웨이트가 보입니다. 지저분한 네비게이션을 사용하지 마세요 - 스크린샷에는 깔끔하고 미니멀한 상단 바가 보입니다. 다색 버튼을 사용하지 마세요 - 스크린샷에는 대부분 단색 또는 화이트/아웃라인 버튼이 보입니다. 피하기: 일반적인 기업용 문구 피하기: 지저분한 인터페이스 피하기: 공허한 형용사 피하기: 너무 복잡한 네비게이션
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(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
Jam3는 글로벌 디지털 에이전시입니다. 디자인은 다크 차콜, 밝은 회그, 그리고 시그니처 딥 퍼플 포인트를 특징으로 하는 프리미엄 고대비 팔레트를 특징으로 합니다. 타이포그래피는 임팩트를 위해 대담하고 기하학적인 grotesque-sans에 의존합니다. 히어로 섹션은 전체 폭 사진을 사용합니다. 중요 금지 사항: 세리프 폰트 사용 금지, 모든 요소에 날카로운 모서리 사용 금지, 헤드라인에 얇은 폰트 웨이트 사용 금지. 인터페이스는 대담하고 깔끔하며 전문적이어야 합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 대담한 타이포그래피와 강렬한 사진을 결합한 프리미엄 에이전시 포트폴리오의 대표적인 예시로 포함할 가치가 있습니다.