큐레이션 · 오픈 · 무료

General Type Studio

매크로 이미지와 거대한 전시 타이포그래피를 사용하는 대담하고 사진 중심의 타이폰드리 포트폴리오.

typefoundry

General Type Studio 스크린샷

↓ 디자인 시스템 다운로드 (33 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

타이폰드리실험적장난기 있는공예

물리적이고 촉각적인 작업장처럼 느껴지는 디지털 표본 시트.

02

컬러

#ffffffInk

#000000BG

#222222Muted

rgba(255,255,255,1.0)Line

색상에 대해 사진 콘텐츠에 의존하는 엄격한 단색 팔레트.

03

타이포그래피

geometric-sans

display60px · 400
heading43px · 400
body16px · 400

히어로 섹션에는 크고 볼드한 전시 타이포그래피를 사용합니다. · 모든 UI 및 본문 텍스트에는 산세리프를 사용합니다. · 전시 타이포그래피에는 타이트한 행간을 유지합니다.

04

여백

4px

8px

16px

24px

32px

48px

64px

96px

섹션에 넉넉한 패딩을 적용한 4px 단위 기반.

05

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

sm · 4px

md · 0px

lg · 0px

pill · 999px

구조적 구분선을 위한 얇은 흰색 테두리.

06

레이아웃

1280container

12columns

24pxgutter

768 / 1024breakpoints

텍스트 오버레이가 포함된 풀블리드 사진 배경.

07

모션과 인터랙션

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

페이드인 · 호버 시 색상 전환

링크와 버튼의 부드러운 색상 전환. · 표준 커서 인터랙션.

08

컴포넌트

button 호버 전환이 포함된 텍스트 기반 버튼.
card 없음; 타이포그래피와 사진에 의존.
chip 없음.
input 없음.
hero 대형 타이포그래피 오버레이가 포함된 풀스크린 이미지.

09

보이스와 금지 목록

톤 권위적이고 전문적이면서도 장난기 있는 어조.
헤드라인 크고 볼드하며, 종종 대문자.
CTA 미니멀하고 텍스트 기반.

UI에는 세리프 폰트를 사용하지 마세요 — 스크린샷에서 기하학적 산세리프가 보입니다.
화려한 팔레트를 사용하지 마세요 — 스크린샷에서 엄격한 단색이 보입니다.
복잡한 내비게이션 뒤에 콘텐츠를 숨기지 마세요 — 스크린샷에서 명확하고 직접적인 링크가 보입니다.
카드에 둥근 모서리를 사용하지 마세요 — 스크린샷에서 날카로운 모서리가 보입니다.
미세한 드롭 섀도우를 사용하지 마세요 — 스크린샷에서 플랫하고 그래픽적인 대비가 보입니다.
작고 비좁은 타이포그래피를 사용하지 마세요 — 스크린샷에서 크고 표현적인 타이포그래피가 보입니다.
피하기: 혼잡함
피하기: 과도한 장식
피하기: UI용 세리프 폰트

10

팩 안의 실제 스크린샷

General Type Studio — 桌面首屏（hero） — 桌面首屏（hero）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

General Type Studio — 移动首屏 — 移动首屏

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

11

System Prompt

General Type Studio는 크고 표현적인 타이포그래피와 풀블리드 사진 배경으로 특징지어지는 타이폰드리 웹사이트입니다. 디자인은 흰색 대 검정(#000000, #ffffff)의 엄격한 단색 팔레트를 사용합니다. 타이포그래피는 주로 기하학적 산세리프로, 히어로 섹션에 거대한 스케일로 사용됩니다. 주요 특징으로는 풀뷰포트 레이아웃, 미니멀한 UI 요소, 표본 자체에 대한 집중이 있습니다. 중요한 지침: UI에 세리프 폰트를 피하고, 화려한 팔레트를 피하며, 미세한 장식 요소를 피합니다. 전체적인 느낌은 대담하고 실험적이며 시각적 요소에 중점을 둡니다.

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

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

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

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