CURATED · OPEN · FREE

Thegreenspace

Minimalist design agency portfolio with bold typography and photographic hero sections

StudioAgencyCleanTypographyPhotographic

↓ Download design system (3 MB)Open in OpenDesign

Visit: https://thegreenspace.com

📦 Browse pack contents →

Identity DNA

design agencyarchitecturebrutalistminimalist

A gallery space with large-scale typography and ample negative space

Color

#000000Ink

#FFFFFFBG

#BEBEBEMuted

rgba(0,0,0,0)Line

High contrast monochrome palette with gray accents for hierarchy

Typography

grotesque-sans

display72px · 400
body24px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

generous vertical spacing with tight line heights for display text

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

none visible

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Large typographic blocks with minimal chrome

Motion & Interaction

400msmicro

400mssmall

1200msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

opacity transitions · staggered reveals

opacity change on interactive elements · pointer cursor on 37 elements

Components

button minimal text-based with cursor pointer
card none visible, project list used instead
chip none visible
input none visible
hero full-width photographic background with overlaid large typography

Voice & Don'ts

Tone confident and understated
Headlines large, bold, lowercase-first or sentence case
CTAs minimal, text-only

don't use multiple fonts — screenshot shows consistent grotesque-sans throughout
don't add drop shadows — screenshot shows completely flat design
don't use rounded corners — screenshot shows sharp 0px radius on all elements
don't add decorative borders — screenshot shows no visible borders
don't use bright accent colors — screenshot shows only black, white, and gray
don't clutter the layout — screenshot shows generous whitespace and minimal elements
Avoid: decorative elements
Avoid: busy layouts
Avoid: colorful accents

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist design agency portfolio site for The Greenspace. The design features a high-contrast monochrome palette with a white background (#FFFFFF), black ink (#000000), and gray muted text (#BEBEBE). Typography uses grotesque-sans fonts (haas_grotesk) with large display sizes (72px) and tight line heights for dramatic effect. The layout is spacious with generous whitespace and minimal chrome. Critical don'ts: don't use multiple font families, don't add shadows or rounded corners, don't introduce colorful accents, don't clutter with decorative elements, don't use borders, don't break the minimalist aesthetic. The site uses opacity transitions and staggered reveals for subtle motion effects.

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