큐레이션 · 오픈 · 무료

Use All Five

넓은 그라디언트와 대담한 타이포그래피를 갖춘 프리미엄 디지털 디자인 및 기술 스튜디오 사이트입니다.

studiodigital
Use All Five 스크린샷
↓ 디자인 시스템 다운로드 (39 MB)OpenDesign 에서 열기

원본 사이트: https://useallfive.com

📦 팩 내용 보기 →

01

디자인 DNA

디지털 에이전시디자인 스튜디오기술크리에이티브혁신

대담한 타이포그래피와 은은한 그라디언트를 조화시킨 하이엔드 디자인 스튜디오 포트폴리오

02

컬러

#000000Ink
#FFFFFFBG
#969696Muted
rgba(0,0,0,1.0)Line

흰색 또는 부드러운 파스텔 그라디언트 위의 고대비 검은색 텍스트.

03

타이포그래피

geometric-sans

대형 디스플레이 타입에는 좁은 자간(negative letter spacing)을 사용합니다. · 본문 텍스트는 넉넉한 line-height로 높은 가독성을 유지합니다.

04

여백

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

대형 타이포그래피와 이미지를 강조하기 위한 넉넉한 여백과 padding.

05

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

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

최소화하거나 없음; 색상 대비와 spacing에 의존합니다.

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

한쪽에 대형 타입, 다른 쪽에 콘텐츠/이미지를 배치한 비대칭 분할 열 레이아웃.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

scroll 시 텍스트와 이미지의 fade-in. · 링크의 hover 상태에서 부드러운 전환.

미세한 opacity 변화 또는 간단한 underline/arrow 애니메이션. · 즉각적인 상태 변화.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

프리미엄 디지털 디자인 및 기술 스튜디오 포트폴리오. 주요 특징은 넓은 다단계 파스텔 그라디언트(부드러운 피치, 시안, 라벤더)와 대담한 검은색 기하학적 산세리프 타이포그래피입니다. 레이아웃은 매우 비대칭적이고 여백이 많습니다. 단색 버튼이나 그림자는 사용되지 않으며, 호출 행동(CTA)은 간단한 텍스트 링크입니다. 중요한 주의사항: 단색 배경 섹션을 사용하지 마십시오, 무거운 웨이트를 사용하지 마십시오, 표준 UI 버튼을 사용하지 마십시오.

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

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

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

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