큐레이션 · 오픈 · 무료

Ozero

대담하고 다채로운 작업을 선보이는 풀스택 클라우드 디자인 스튜디오

StudioPortfolioBold TypographyCurationGallery

Ozero 스크린샷

↓ 디자인 시스템 다운로드 (32 MB)OpenDesign 에서 열기

원본 사이트: https://www.ozero.design

📦 팩 내용 보기 →

01

디자인 DNA

크리에이티브미니멀실험적클라우드디자인

다양한 클라이언트 작업을 전시하는 현대적 갤러리 벽

02

컬러

#1B1B1AInk

#FFFFFFBG

rgba(27,27,26,1.0)Line

여백과 대담한 프로젝트 이미지가 있는 고대비 갤러리 미학

03

타이포그래피

humanist-sans

display106px · 400
display88px · 400
heading64px · 400
body16px · 400

font-size: 64px; line-height: 1.0; letter-spacing: -0.64px · font-size: 106px; line-height: 1.0; letter-spacing: -1.76px · font-family: Inter, Arial, sans-serif

04

여백

4px

8px

10px

12px

16px

20px

24px

32px

60px

64px

프로젝트 컨테이너 내부의 넉넉한 padding

05

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

메인 컨테이너 간에 보이는 테두리 없음

06

레이아웃

2columns

768breakpoints

대형 프로젝트 이미지의 비대칭 메이슨리 그리드

07

모션과 인터랙션

220msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

hover 시 opacity 페이드 · transition: all 0.4s

인터랙티브 요소의 opacity 변화 · 내비게이션 트리거

08

컴포넌트

button 헤더의 텍스트 전용 내비게이션 링크
card 때때로 텍스트 오버레이가 있는 대형 full-bleed 이미지 컨테이너
chip 보이는 것 없음
input 보이는 것 없음
hero 프로젝트 이미지로 채워진 전체 뷰포트 메이슨리 그리드

09

보이스와 금지 목록

톤 미니멀하고 자신감 있는
헤드라인 거대하고 촘촘한 트래킹의 디스플레이 타이포그래피
CTA 깔끔한 대문자 텍스트 링크

장식적 테두리를 사용하지 마세요 — 스크린샷은 깔끔하고 테두리 없는 레이아웃을 보여줍니다
컨테이너에 드롭 섀도우를 사용하지 마세요 — 스크린샷은 플랫하고 이미지 기반의 구성을 보여줍니다
작고 밀집된 그리드를 사용하지 마세요 — 스크린샷은 크고 넓은 프로젝트 이미지를 보여줍니다
세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 Inter sans-serif만 사용합니다
전체 페이지의 무채색이나 파스텔 배경을 사용하지 마세요 — 스크린샷은 고대비 흰색/검정을 보여줍니다
표준 카드 컴포넌트를 사용하지 마세요 — 스크린샷은 full-bleed 이미지 섹션을 보여줍니다
피하기: 과도한 카피
피하기: 장식적 장식
피하기: 복잡한 인터페이스

10

팩 안의 실제 스크린샷

Ozero — 桌面首屏（hero） — 桌面首屏（hero）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ozero — 移动首屏 — 移动首屏

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

11

System Prompt

Ozero는 대담하고 갤러리 스타일의 포트폴리오를 특징으로 하는 풀스택 클라우드 디자인 스튜디오 웹사이트입니다. 레이아웃은 최소한의 여백을 가진 large, full-bleed 프로젝트 이미지의 비대칭 메이슨리 그리드입니다. 주요 배경은 흰색(#FFFFFF)이며 텍스트는 검정(#1B1B1A)입니다. 내비게이션은 우측 상단에 정렬된 대문자 sans-serif 텍스트의 간단한 링크 목록입니다. 타이포그래피는 humanist-sans(Inter)를 거대한 디스플레이 크기와 촘촘한 트래킹으로 사용합니다. 주요 디자인 요소로는 데스크톱의 2열 레이아웃, 컨테이너 내부의 넉넉한 padding, 깔끔하고 테두리 없는 표면이 포함됩니다. 모션은 부드러운 opacity 전환으로 제한됩니다. 중요한 금지 사항: 드롭 섀도우 또는 장식적 테두리를 추가하지 마세요, 작은 그리드를 사용하지 마세요, 세리프 폰트를 사용하지 마세요. 이 사이트는 시각적 작업에 중점을 둔 프리미엄 미니멀 크리에이티브 포트폴리오를 대표합니다.

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

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

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

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