큐레이션 · 오픈 · 무료

Numbered Studio

풀블리드 에디토리얼 이미지 위에 타이포그래피가 떠다니는, 강렬하고 사진 중심의 에이전시 사이트입니다.

AgencyPhotographicPremiumTypographyStudio
Numbered Studio 스크린샷
↓ 디자인 시스템 다운로드 (56 MB)OpenDesign 에서 열기

원본 사이트: https://numbered.studio

📦 팩 내용 보기 →

01

디자인 DNA

에디토리얼미니멀패션 포워드럭셔리포트폴리오

하이엔드 패션 매거진의 화보와 디자인 스튜디오 포트폴리오의 만남

02

컬러

#FFFFFFInk
#111111BG
rgba(255, 255, 255, 0.2)Line

콘텐츠가 모든 색채 변화를 제공하는 고대비 단색 팔레트입니다.

03

타이포그래피

didone-serif · grotesque-sans

04

여백

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

엄격한 그리드 대신 넉넉한 여백에 의존하는, 요소 주위의 크고 시네마틱한 패딩입니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

미세한 구분선을 위해 rgba(255, 255, 255, 0.2)의 1px solid 테두리를 사용하며, 그 외에는 이미지 가장자리에 의존합니다.

06

레이아웃

1columns
768 / 1024breakpoints

중앙 정렬된 텍스트 오버레이와 함께 수직으로 쌓인 전체 뷰포트 사진 히어로 섹션입니다.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.77, 0, 0.175, 1)easing

콘텐츠 표시를 위한 부드러운 페이드인 전환 · 스크롤 시 느린 배경 전환

텍스트 링크에 대한 미세한 커서 변경 또는 불투명도 변화 · 즉각적인 내비게이션 또는 스크롤, 누를 때 마이크로 애니메이션 없음

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 'Numbered Studio'를 위한 프리미엄 에이전시 포트폴리오로, 하이엔드 크리에이티브 및 기술 파트너로 자리매김하고 있습니다. 시각적 DNA는 이미지 위에 직접 오버레이된 거대한 디도네 세리프 타이포그래피를 가진 풀블리드 사진 섹션으로 지배됩니다. 색상 팔레트는 완전히 단색이며, 모든 텍스트는 존재하는 배경 이미지에 관계없이 순백(#FFFFFF)을 사용하고 사이트 기반은 어둡습니다(#111111). 타이포그래피는 본문 및 내비게이션을 위한 깔끔한 그루테스크-산스와 디스플레이를 위한 표현적인 디도네 세리프를 쌍으로 구성합니다. 핵심적인 주의사항: 전통적인 내비게이션 바나 사이드바를 도입하지 마세요 — 인터페이스는 의도적으로 미니멀하고 시네마틱합니다. 컬러풀한 UI 요소나 강조 색상을 사용하지 마세요 — 모든 색채 변화는 사진 자체에서 나와야 합니다. 컨테이너에 둥근 모서리나 드롭 섀도우를 적용하지 마세요 — 표면은 엄격히 이미지 가장자리와 미세한 테두리로 정의됩니다.

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

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

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

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