CURATED · OPEN · FREE

Angelvaliente

Minimalist design studio portfolio.

StudioCleanRestraintPhotographicPortfolio

↓ Download design system (19 MB)Open in OpenDesign

Visit: https://angelvaliente.com

📦 Browse pack contents →

Identity DNA

studiodesignfurnitureminimalportfolio

A curated gallery of a design studio's work, prioritizing the object and the space.

Color

#000000Ink

#565656Ink soft

#FFFFFFBG

#F5F5F5BG soft

#B4B4B4Muted

rgba(0,0,0,0.75)Line

Stark, high-contrast palette dominated by black and white with warm neutrals from photography.

Typography

humanist-sans · monospace

display32px · 400
body17px · 400

All text is uppercase. · Generous letter-spacing is applied to all text. · Font weight is strictly regular (400).

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Consistent 26px padding applied to interactive elements.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

No visible UI borders; separation is achieved through layout and photography.

Layout

1920container

12columns

24pxgutter

768 / 1024breakpoints

Asymmetric masonry or grid layout for portfolio items.

Motion & Interaction

150msmicro

300mssmall

500msmedium

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

Fade-in and fade-out transitions for content loading. · Smooth opacity changes on hover or interaction.

Subtle changes, possibly opacity or slight movement. · Direct navigation to project details.

Components

button Minimal text-based buttons or icons, often with a pointer cursor.
card Portfolio items presented as large photographic blocks with minimal text labels.
chip No chips present.
input No visible input fields in the provided screenshots.
hero Full-bleed, high-quality photography with overlay or adjacent minimal text.

Voice & Don'ts

Tone Minimal, professional, and direct.
Headlines Uppercase, wide-tracked, and regular weight.
CTAs Understated, often just text or an icon.

Don't use bold or italic typefaces — screenshot shows only regular weight text.
Don't use decorative borders or boxes — screenshot shows a borderless, clean layout.
Don't use a busy or multi-colored background — screenshot shows plain white or warm beige backgrounds.
Don't use lowercase for navigation or titles — screenshot shows all text is uppercase.
Don't use complex shadows or 3D effects — screenshot shows flat photography and UI.
Don't use a high-chroma accent color — screenshot shows a neutral palette with color coming from photography.
Avoid: Excessive punctuation
Avoid: Explanatory text
Avoid: Bold or italic styling
Avoid: Decorative elements

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist design studio portfolio website. The design DNA is defined by extreme restraint, prioritizing high-quality photography and a stark, high-contrast palette of white (#FFFFFF) and black (#000000). Typography uses a humanist-sans category (Favorit), set entirely in uppercase with wide letter-spacing (1.5px) and a regular weight (400). Key hex colors include #F5F5F5 for soft backgrounds and #565656 for secondary ink. Critical donts include: never use bold or italic text, never use decorative borders or boxy UI elements, and never introduce a high-chroma accent color that isn't present in the photography. The layout is spacious and gallery-like, with generous padding (26px) on interactive elements. The overall feel is sophisticated, architectural, and gallery-like.

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