큐레이션 · 오픈 · 무료

Somethingspecialstudios

UI 장식보다 시각적 작업과 타이포그래피를 우선시하는 대담하고 이미지 중심의 크리에이티브 에이전시 포트폴리오.

01

디자인 DNA

디지털 갤러리로 번역된 하이엔드 패션 매거진.

02

컬러

크림 위에 엄격한 검정 타이포그래피와 생생한 사진이 유일한 색상 원천입니다.

03

타이포그래피

transitional-serif

• display75px · 400
• body16px · 400
• caption12px · 400

모든 텍스트에 AntiqueLegacy 폰트 패밀리를 사용합니다. · 모든 요소에 400의 엄격한 폰트 굵기를 유지합니다.

04

여백

간격과 padding을 위한 8px 기본 리듬.

05

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

미세한 구분선을 위한 1px solid border 색상.

06

레이아웃

최소한의 padding을 사용한 전체 폭 이미지 그리드.

07

모션과 인터랙션

hover 및 페이지 전환 시 opacity 페이드와 미세한 transform.

커서가 pointer로 변경; 미세한 opacity 또는 transform 전환. · 표준 내비게이션.

08

컴포넌트

• button 커서 pointer가 된 텍스트 전용 링크.
• card 하단에 텍스트 메타데이터가 있는 이미지 중심 갤러리 항목.
• hero 상단의 거대한 타이포그래피 제목.

09

보이스와 금지 목록

• 톤 미니멀, 전문적, 자신감 있는.
• 헤드라인 크고 굵은 세리프 타이포그래피.
• CTA 간단한 텍스트 링크.

• 밝은 UI 악센트를 사용하지 마세요 — 스크린샷은 디자인이 색상을 위해 사진에 의존함을 보여줍니다.
• 산세리프 폰트를 사용하지 마세요 — 스크린샷은 전체적으로 일관된 전환 세리프 타입페이스를 보여줍니다.
• 무거운 그림자나 border-radius를 사용하지 마세요 — 스크린샷은 가장자리부터 가장자리까지의 플랫 이미지를 보여줍니다.
• 빽빽한 텍스트 레이아웃을 사용하지 마세요 — 스크린샷은 미니멀하고 간결한 카피와 넓은 여백을 보여줍니다.
• 복잡한 내비게이션 메뉴를 사용하지 마세요 — 스크린샷은 플랫 상단 정렬 내비게이션 바를 보여줍니다.
• 둥근 이미지 모서리를 사용하지 마세요 — 스크린샷은 모든 이미지에 엄격한 직사각형 크롭을 보여줍니다.
• 피하기: 장식적 요소
• 피하기: 복잡한 그래디언트
• 피하기: 생동감 있는 UI 악센트
• 피하기: 빽빽한 텍스트 블록

10

팩 안의 실제 스크린샷

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

11

System Prompt

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