CURATED · OPEN · FREE

Friendsofthenew

A monochrome editorial showcase for emerging artists with massive typographic presence and photographic collage layouts.

EditorialPhotographicStudioPortfolioTypography

↓ Download design system (5 MB)Open in OpenDesign

Visit: https://www.friendsofthenew.com

📦 Browse pack contents →

Identity DNA

editorialcuratorialphotographicminimalistavant-garde

A high-fashion art gallery magazine

Color

#000000Ink

#f4f4efBG

rgba(0,0,0,1.0)Line

Strict monochrome palette relying on stark black and warm off-white for maximum contrast and editorial elegance.

Typography

transitional-serif · humanist-sans

display200px · 400
body10px · 400

Logotype uses a high-contrast transitional serif for dramatic visual impact · UI elements use a clean humanist sans-serif for legibility at small sizes · Tight letter-spacing applied to large display text for cohesion

Spacing

4px

8px

16px

20px

24px

32px

48px

64px

96px

Grid-based with 20px gutters and generous whitespace for editorial pacing.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

1px solid rgb(0, 0, 0)

Layout

1440container

12columns

20pxgutter

768 / 1024breakpoints

Fixed bottom logotype with floating, collage-style image grid above it

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Smooth image filter transitions on hover (0.3s ease-out) · General element transitions for state changes

Image filters or slight visual shifts · Direct navigation without modal interruptions

Components

button Minimal text links with circular outline indicators
card Unframed photographic images floating in a loose grid
chip Circular indicator dots for navigation states
input Minimal text-based navigation without visible input fields
hero Full-width display logotype anchoring the viewport bottom

Voice & Don'ts

Tone Sophisticated, understated, and confident
Headlines Massive, unapologetic typographic statements
CTAs Subtle, text-based navigation without traditional button styling

Don't use bright accent colors — screenshot shows strict black and warm off-white only
Don't use rounded corners — screenshot shows sharp edges and circular pill shapes only
Don't center-align text — screenshot shows left-aligned navigation and bottom-anchored logotype
Don't use drop shadows — screenshot shows completely flat photographic layers
Don't use sans-serif for display text — screenshot shows a transitional serif for the main logotype
Don't add decorative borders or frames — screenshot shows unframed, floating photographic elements
Avoid: Bright colors
Avoid: Rounded corners
Avoid: Drop shadows
Avoid: Decorative icons
Avoid: Busy patterns
Avoid: Center-aligned text
Avoid: Sans-serif headings

Inside the pack — real screenshots

Friendsofthenew — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

This website is a minimalist, editorial-style portfolio for an artist collective, characterized by a monochrome palette and massive typography. The design relies on a stark contrast between a warm off-white background and black ink, using a transitional serif for the dominant logotype and a humanist sans-serif for small UI text. A key constraint is the avoidance of color, rounded corners, and drop shadows, emphasizing a flat, photographic collage aesthetic. The layout features a fixed bottom logotype with floating images above, creating a gallery-like experience. Avoid any vibrant colors or decorative elements, focusing instead on typography, photography, and generous whitespace.

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