CURATED · OPEN · FREE

Numbered Studio

A bold, photo-centric agency site where typography floats over full-bleed editorial imagery.

AgencyPhotographicPremiumTypographyStudio
Numbered Studio screenshot
↓ Download design system (56 MB)Open in OpenDesign

Visit: https://numbered.studio

📦 Browse pack contents →

01

Identity DNA

editorialminimalfashion-forwardluxuryportfolio

A high-end fashion magazine spread meeting a design studio portfolio

02

Color

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

High-contrast monochromatic palette where content provides all chromatic variation.

03

Typography

didone-serif · grotesque-sans

04

Spacing

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

Large, cinematic padding around elements, relying on generous negative space over a strict grid.

05

Surfaces

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

1px solid rgba(255, 255, 255, 0.2) for subtle dividers, otherwise relying on image edges.

06

Layout

1columns
768 / 1024breakpoints

Full-viewport photographic hero sections stacked vertically with centered text overlays.

07

Motion & Interaction

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

Smooth fade-in transitions for content reveal · Slow background transitions on scroll

Subtle cursor change or opacity shift on text links · Immediate navigation or scroll, no micro-animations on press

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

11

System prompt

This is a premium agency portfolio for 'Numbered Studio', positioning itself as a high-end creative and technology partner. The visual DNA is dominated by massive full-bleed photographic sections with large didone-serif typography overlaid directly on the images. The color palette is starkly monochromatic, using pure white (#FFFFFF) for all text against whatever background image is present, with a dark site base (#111111). Typography pairs an expressive didone-serif for display with a clean grotesque-sans for body and navigation. Key critical donts: do not introduce a traditional navigation bar or sidebar; the interface is intentionally minimal and cinematic. Do not use colored UI elements or accent colors; all chromatic variation must come from the photography itself. Do not apply rounded corners or drop shadows to any containers; surfaces are defined strictly by image edges and subtle thin borders.

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