큐레이션 · 오픈 · 무료

Foundry Basement Studio

디자이너를 위한 표현적이고 브루탈리스트한 타이포 파운드리 카탈로그

01

디자인 DNA

묵직한 서체를 제작하는 지하 작업장

02

컬러

최대 대비: 깊은 블랙 배경, 화이트 텍스트, 그리고 단일의 강렬한 오렌지 악센트

03

타이포그래피

grotesque-sans · monospace

• display198px · 700
• heading120px · 700
• body16px · 400
• caption14px · 400
• micro12px · 400

모든 텍스트는 대문자 사용 · UI 텍스트는 monospace 폰트 사용 · 시편을 위한 과장된 와이드 디스플레이 폰트

04

여백

UI 요소에는 타이트한 패딩, 레이아웃에는 넓은 간격을 적용하는 엄격한 수직 리듬

05

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

1px solid 테두리, 주로 무드한 그레이 또는 화이트 사용

06

레이아웃

데스크톱에서 고정된 왼쪽 사이드바, 모바일에서 상단 내비게이션

07

모션과 인터랙션

미묘한 배경색 및 테두리색 전환 · 상태 변화를 위한 불투명도 페이드

150ms ease-in-out으로 배경색 및 테두리색 변화 · 불투명도가 감소된 활성 상태

08

컴포넌트

• button 대문자 monospace 텍스트를 사용한 테두리 버튼, 종종 악센트 색상 활용
• card 타이포 시편을 포함하는 미묘한 테두리의 다크 패널
• chip 마이크로 타이포그래피가 적용된 테두리 사각형 태그
• input 미니멀하며, 커스텀 UI 요소를 위해 숨겨질 가능성 높음
• hero 배경 패턴과 함께 사용되는 전폭의, 매우 표현적인 타이포그래피 디스플레이

09

보이스와 금지 목록

• 톤 자신감 있고, 볼드하며, 약간의 반항적인 어조
• 헤드라인 대문자, 매우 표현적인 grotesque 폰트
• CTA 'BUY NOW' 또는 'EXPLORE'와 같은 직접적인 대문자 명령어

• 소문자 텍스트 사용 금지 — 스크린샷에서 모든 것이 대문자임을 확인
• 부드러운 파스텔 색상 사용 금지 — 스크린샷에서 고대비 블랙, 화이트, 오렌지 사용
• UI 텍스트에 산세리프 사용 금지 — 스크린샷에서 내비게이션 및 레이블에 monospace만 사용
• 얇고 섬세한 폰트 사용 금지 — 스크린샷에서 묵직하고 확장된 grotesque 폰트 사용
• 복잡한 그림자 사용 금지 — 스크린샷에서 깊이감을 위해 플랫 테두리에 의존
• 라이트 배경 사용 금지 — 스크린샷에서 깊은 블랙 또는 다크 그레이 배경 사용
• 피하기: 미묘한 그래디언트
• 피하기: 산세리프 본문 텍스트
• 피하기: 라이트 테마

10

팩 안의 실제 스크린샷

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

11

System Prompt

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