CURATED · OPEN · FREE

Nofilter

A clean, typography-driven editorial platform for fashion and photography.

EditorialCleanPremiumTypographyGallery

↓ Download design system (33 MB)Open in OpenDesign

Visit: https://www.nofilter.space

📦 Browse pack contents →

Identity DNA

fashioneditorialphotographyminimalpremium

High-end fashion magazine website

Color

#333333Ink

#FFFFFFBG

rgba(51, 51, 51, 1)Line

Monochrome palette emphasizing content through high-contrast black text on white.

Typography

grotesque-sans

display120px · 400
heading35px · 400
body24px · 400
small15px · 400

Use pragmatica sans-serif for all text. · Navigation links are uppercase. · Author and date lines are set in a smaller body size.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Consistent padding and margin multiples of 4px.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 0px

1px solid rgb(51, 51, 51) on primary containers.

Layout

1400container

12columns

24pxgutter

768 / 1024breakpoints

Grid-based editorial layout with large imagery and asymmetric columns.

Motion & Interaction

0msmicro

0mssmall

0msmedium

lineareasing

Cursor pointer indicates clickable elements. · Cursor pointer indicates clickable elements.

Components

button Text links with uppercase styling and cursor pointer.
card Bordered containers for articles with large imagery.
chip None
input None
hero Large-scale typography title spanning the width.

Voice & Don'ts

Tone Authoritative, sophisticated, minimalist.
Headlines Direct and impactful, large typography.
CTAs Understated, text-based navigation.

Don't use decorative fonts — screenshot shows pragmatica sans-serif throughout.
Don't add background gradients — screenshot shows a solid white background.
Don't use drop shadows on cards — screenshot shows flat, bordered containers.
Don't use rounded corners — screenshot shows sharp, rectangular elements.
Don't introduce vibrant accent colors — screenshot shows a monochrome palette.
Don't clutter the layout with unnecessary elements — screenshot shows ample whitespace.
Avoid: Don't use decorative fonts.
Avoid: Don't add background gradients.
Avoid: Don't use drop shadows on cards.
Avoid: Don't use rounded corners.
Avoid: Don't introduce vibrant accent colors.
Avoid: Don't clutter the layout with unnecessary elements.

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a premium fashion editorial website featuring a minimalist, monochrome design. The design relies on bold typography using a pragmatica sans-serif font and high-contrast imagery against a clean white background. Key colors are #FFFFFF for the background and #333333 for text and borders. Critical donts: Do not use decorative fonts; Do not add background gradients; Do not use drop shadows on cards; Do not use rounded corners; Do not introduce vibrant accent colors. The layout is grid-based, emphasizing large-scale typography and editorial photography.

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