큐레이션 · 오픈 · 무료

Swiss Typefaces

대담하고 표현력 있는 타이포그래피를 갤러리와 같은 깔끔한 프레젠테이션으로 선보이는 프리미엄 폰트 공방입니다.

typefoundry
Swiss Typefaces 스크린샷
↓ 디자인 시스템 다운로드 (29 MB)OpenDesign 에서 열기

원본 사이트: https://www.swisstypefaces.com

📦 팩 내용 보기 →

01

디자인 DNA

타이포그래피폰트 공방프리미엄디자인스위스

스위스의 정밀함과 표현적인 현대적 미학을 결합한 고급 타이포그래피 전문점입니다.

02

컬러

#37f5b7Accent
#000000Ink
#707070Ink soft
#f5f5f5BG
#ffffffBG soft
#d1d1d1Muted
rgba(0, 0, 0, 0.1)Line

흑백, 밝은 회색 등 무채색을 주로 사용하여, 폰트 자체와 선명한 포인트 컬러가 시각적 주의를 끌 수 있도록 합니다.

03

타이포그래피

grotesque-sans · humanist-sans · monospace

타이포그래피가 주요 시각 요소이며, 스케일은 극적이고 표현적입니다. · UI와 내비게이션에는 명확성을 유지하기 위해 깔끔한 기하학적 산세리프를 사용합니다. · 대형 전시 텍스트에는 주로 얇은 웨이트(300)를 사용하여 세련된 느낌을 연출합니다.

04

여백

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

대형 타이포그래피 요소 주변에 넉넉하고 비대칭적인 간격을 두어, 콘텐츠 영역이 집중되는 갤러리와 같은 느낌을 줍니다.

05

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

sm · 3px
md · 16px
lg · 20px
pill · 999px

구조적 구분을 위해 깔끔한 1px 실선 테두리를 사용하며, 일부 요소에는 왼쪽 테두리에 포인트 컬러를 적용합니다.

없음

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠가 넉넉한 컨테이너 중앙에 위치하는 히어로 중심의 풀 너비 레이아웃입니다. 타이포그래피는 컨테이너 전체 너비를 채우는 경우가 많습니다.

07

모션과 인터랙션

120msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

UI 요소에 대한 미세한 불투명도 및 가시성 전환 효과. · 인터랙티브 피드백을 위한 hover 시 변환 전환 효과.

인터랙티브 요소에 미세한 색상 전환 또는 불투명도 변화. · 즉각적인 시각적 피드백, 주로 색상 변화 또는 미세한 변환을 통해 구현.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 프리미엄 폰트 공방 웹사이트입니다. 깔끔한 갤러리와 같은 레이아웃과 넉넉한 여백을 사용하여 표현적이고 oversized인 타이포그래피를 전시합니다. 주요 컬러는 밝은 회색(#f5f5f5) 배경, 검정(#000000) 텍스트, 그리고 CTA용 선명한 민트 그린(#37f5b7) 포인트 컬러입니다. 폰트는 주로 깔끔한 그루테스크 및 휴머니스트 산세리프(예: Suisse Intl 및 Euclid 계열)를 사용합니다. 핵심 주의사항: 1) UI에 장식용 폰트를 사용하지 마십시오. 2) 무거운 섀도우 또는 그라데이션을 적용하지 마십시오. 3) 레이아웃을 지저분하게 만들지 마십시오; 타이포그래피가 숨 쉴 수 있게 하십시오.

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

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

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

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