CURATED · OPEN · FREE

Dazed

A premium fashion and culture editorial platform featuring bold typography and high-impact photography.

01

Identity DNA

A high-end digital magazine that merges fashion photography with avant-garde cultural commentary.

02

Color

Monochromatic base with high-contrast black and white to let photography dominate.

03

Typography

condensed-grotesque · humanist-sans

• display72px · 900
• headline40px · 700
• title28px · 700
• body16px · 400
• caption12px · 400

Headlines use a heavy, condensed grotesque typeface for maximum impact. · Body copy uses a clean humanist sans-serif for optimal readability. · Text transform is frequently applied to uppercase for navigation and labels. · Letter spacing is tightened on large display type to create a more cohesive block.

04

Spacing

The layout relies on a strong vertical rhythm defined by generous white space between sections.

05

Surfaces

Borders are minimal and sharp, typically 1px solid black, appearing primarily in UI elements like buttons or thin separators.

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

06

Layout

A clean, grid-based layout that prioritizes large, full-bleed imagery and bold typographic headers to separate content sections.

07

Motion & Interaction

Smooth, sophisticated transitions for content fades and subtle background shifts. · Transform and opacity changes used for hover effects and page transitions.

Subtle opacity changes or color inversions to indicate interactivity without breaking the minimalist aesthetic. · Immediate visual feedback, often through a quick transition or slight scale change.

08

Components

• button Minimalist rectangular buttons with sharp corners, often featuring a thin black border and uppercase text.
• card Image-heavy cards with text overlays or underlays, characterized by zero border radius and a focus on the visual subject.
• chip Simple uppercase text labels used for categorization, without heavy background styling.
• input Clean, borderless inputs that rely on a simple bottom border or subtle underline for focus states.
• hero A massive, full-width visual container that merges high-fashion photography with oversized, overlaid typography.

09

Voice & Don'ts

• Tone Cultured, authoritative, and avant-garde.
• Headlines Bold, provocative, and often presented in large, condensed typography to command attention.
• CTAs Minimalist and direct, often using simple uppercase text or thin-bordered buttons.

• Don't use rounded corners — the screenshot shows sharp, zero-radius edges on all elements.
• Don't use bright, multi-colored gradients — the screenshot shows a monochromatic black-and-white base.
• Don't use playful, informal typefaces — the screenshot shows a heavy, condensed grotesque for impact.
• Don't clutter the interface with many borders — the screenshot shows a clean, borderless design with minimal separation.
• Don't use soft, friendly shadows — the screenshot shows almost no shadows, relying on high contrast instead.
• Don't use excessive padding — the screenshot shows tightly packed, high-density layouts in some sections.
• Avoid: playful slang
• Avoid: excessive punctuation
• Avoid: bright neon colors
• Avoid: rounded, friendly shapes
• Avoid: dense text blocks

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko