큐레이션 · 오픈 · 무료

Studiofew

흑백 사진과 정제된 UI를 통해 미니멀하고 프리미엄한 타이포 파운드리 사이트에서 폰트 스펙imen을 선보입니다.

01

디자인 DNA

디지털 형식으로 제시되는 하이엔드 타이포 파운드리 스펙imen 북

02

컬러

강렬한 흑백 대비와 계층 구조 및 UI 요소를 위한 중립적 회색에 의존하는 엄격한 단색 팔레트.

03

타이포그래피

humanist-serif · humanist-sans · geometric-sans

• display158px · 400
• sub-display115px · 400
• body14px · 400
• caption12px · 400

라벨과 내비게이션에는 ALL-CAPS 사용 · 대형 디스플레이 타입에는 타이트한 letter-spacing · 소문자 UI에는 넉넉한 letter-spacing 사용

04

여백

스펙imen 섹션 주변에 넉넉한 padding을 두고 4px 그리드를 엄격히 따릅니다.

05

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

1px solid black, 섹션 구분을 위한 점선 구분선

06

레이아웃

점선으로 구분된 풀폭 스펙imen 카드와 고정 내비게이션

07

모션과 인터랙션

hover 상태에 대한 표준 opacity 전환 · 폰트 속성 조정을 위한 부드러운 슬라이더 전환

은은한 opacity 감소 또는 커서 변경 · 복잡한 피드백 없는 표준 버튼 프레스

08

컴포넌트

• button 날카로운 모서리의 미니멀한 직사각형 버튼, 채워진 검정색 또는 윤곽선만 있는 형태, 대문자 텍스트
• card 개별 폰트 스펙imen 전용의 풀폭 섹션
• chip 장바구니 수에 사용되는 작은 원형 아이콘 및 배지
• input 미니멀한 점 표시기와 함께 슬라이더 컨트롤
• hero 대형 스펙imen 타이포그래피가 오버레이된 사진 또는 3D 렌더링 이미지

09

보이스와 금지 목록

• 톤 권위적, 미니멀, 디자인 중심
• 헤드라인 타이트하게 트래킹된 ALL-CAPS 또는 대형 스펙imen 디스플레이
• CTA 'Trial'이나 'View'와 같은 직접적이고 대문자의 고대비 버튼

• 화려한 색상을 사용하지 마세요 — 스크린샷은 흑백과 회색으로 구성된 엄격한 단색 팔레트를 보여줍니다.
• 주요 버튼에 둥근 모서리를 적용하지 마세요 — 스크린샷은 날카로운 직사각형 버튼을 보여줍니다.
• 대형 디스플레이 텍스트에 넓은 letter-spacing을 사용하지 마세요 — 스크린샷은 스펙imen 헤드라인에 타이트한 트래킹을 보여줍니다.
• 장난기 있는 언어로 위장하지 마세요 — 스크린샷은 'SIZE'나 'WEIGHT'와 같이 직접적이고 기능적인 UI 라벨을 보여줍니다.
• 무거운 그림자나 깊이감을 사용하지 마세요 — 스크린샷은 평면적이고 깔끔한 표면을 보여줍니다.
• 모든 것을 중앙 정렬하지 마세요 — 스크린샷은 강한 좌측 정렬 타이포그래피와 UI 요소를 보여줍니다.
• 피하기: 장식적 요소
• 피하기: 화려한 색상
• 피하기: 장난기 있는 언어
• 피하기: 주요 버튼의 둥근 모서리

10

팩 안의 실제 스크린샷

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

11

System Prompt

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