CURATED · OPEN · FREE

Giopandone

A restrained, typography-driven portfolio for a brand experience designer.

PortfolioStudioCleanTypographyPhotographic

↓ Download design system (11 MB)Open in OpenDesign

Visit: https://www.giopandone.com

📦 Browse pack contents →

Identity DNA

designportfoliominimaleditorialpremium

A minimalist Swiss-style design portfolio.

Color

#1840E7Accent

#000000Ink

rgba(0,0,0,0.45)Ink soft

#FFFFFFBG

rgba(0,0,0,0.1)Line

Strict high-contrast monochrome with a single vibrant blue accent used sparingly for emphasis.

Typography

geometric-sans · neo-grotesque-sans · monospace

display56px · 400
body13px · 400
caption12px · 400

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Strict 4px baseline grid with ample vertical whitespace.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid rgba(0,0,0,0.1)

Layout

1280container

12columns

16pxgutter

768 / 1024breakpoints

Strict grid with generous negative space and asymmetric alignments.

Motion & Interaction

220msmicro

250mssmall

800msmedium

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

Subtle opacity transitions on hover

Color or opacity shift, typically transitioning to the muted ink color. · Instant navigation.

Components

button Minimal text-based navigation links, uppercase, small font size.
card Full-width photographic cards with simple typography underneath.
hero Large, multi-column typographic layout with a massive logo and distinct spacing.

Voice & Don'ts

Tone Professional, restrained, and highly confident.
Headlines Bold, concise, and typographically dominant.
CTAs Minimalist text links, often in uppercase.

Don't use rounded corners — screenshot shows sharp, square edges on all containers.
Don't use drop shadows — screenshot shows flat surfaces without depth effects.
Don't use multiple accent colors — screenshot shows only a single blue accent against monochrome.
Don't use centered text layouts — screenshot shows left-aligned and asymmetric typography.
Don't use busy backgrounds — screenshot shows stark white negative space.
Don't use decorative borders — screenshot shows only functional, thin dividing lines.
Avoid: Decorative elements
Avoid: Rounded corners
Avoid: Vibrant multi-color palettes
Avoid: Playful animations

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist design portfolio for a brand experience designer. It features a strict monochrome palette (white #FFFFFF background, black #000000 text, muted rgba(0,0,0,0.45) secondary text) with a single vibrant blue accent (#1840E7). Typography relies on geometric and neo-grotesque sans-serif categories, with a massive display logo and small, uppercase navigation. The layout is highly structured, utilizing a strict 4px baseline grid, sharp square corners, and generous negative space. Critical donts: never use rounded corners, avoid drop shadows, never use multi-color palettes, avoid centered text, never use busy backgrounds, and avoid decorative 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