CURATED · OPEN · FREE

Ozero

A full-stack cloud design studio showcasing bold, colorful work

StudioPortfolioBold TypographyCurationGallery
Ozero screenshot
↓ Download design system (32 MB)Open in OpenDesign

Visit: https://www.ozero.design

📦 Browse pack contents →

01

Identity DNA

creativeminimalexperimentalclouddesign

A modern gallery wall displaying diverse client work

02

Color

#1B1B1AInk
#FFFFFFBG
rgba(27,27,26,1.0)Line

High-contrast gallery aesthetic with white space and bold project imagery

03

Typography

humanist-sans

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

Spacing

4px
8px
10px
12px
16px
20px
24px
32px
60px
64px

generous padding within project containers

05

Surfaces

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

none visible between main containers

06

Layout

2columns
768breakpoints

asymmetric masonry grid of large project images

07

Motion & Interaction

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

opacity fades on hover · transition: all 0.4s

opacity change on interactive elements · triggers navigation

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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 — 移动首屏
移动首屏

Captured from the live site · real computed styles

11

System prompt

Ozero is a full-stack cloud design studio website featuring a bold, gallery-style portfolio. The layout is an asymmetric masonry grid of large, full-bleed project images with minimal whitespace. The primary background is white (#FFFFFF) with black (#1B1B1A) text. Navigation is a simple top-right aligned list of links in capitalized, sans-serif text. Typography is a humanist-sans (Inter) used at massive display sizes with tight tracking. Key design elements include a two-column layout on desktop, generous padding within containers, and clean, borderless surfaces. Motion is limited to smooth opacity transitions. Critical donts: do not add drop shadows or decorative borders, do not use small grids, and do not use serif fonts. This site represents a premium, minimalist creative portfolio focused on visual work.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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