Vogue Singapore
Design Guidelines

Project Info

client + project
Vogue Singapore – Design Guidelines
discipline
Magazine / Branding
year
2023

Comprehensive design guidelines for Vogue Singapore — editorial system, typography rules, and digital brand standards.

Overview

Vogue Singapore needed a comprehensive design guidelines document — codifying the editorial system, typography rules, and digital brand standards that define the publication's visual identity across print and digital.

I authored the complete guidelines, establishing rules that protect brand integrity while enabling creative flexibility.

Problem

The brand was expanding faster than its systems.
Freelancers and partners produced inconsistent work.
Digital and print standards diverged.

Without codified rules, every new touchpoint was a negotiation.
The guidelines needed to be prescriptive enough to protect quality, flexible enough to enable creativity.

Inconsistencies
Audit
Gap Map

Typography System

The typographic system is the backbone of Vogue Singapore's identity.

Headline hierarchy: display serif at editorial scale, sans-serif for supporting text.
Body typography: optimized for long-form reading across screen and print.
Special treatments: pull quotes, captions, credits — each with strict spacing rules.

Nothing is arbitrary. Every size, weight, and spacing value is documented.

Type Specimens

Grid & Layout

Editorial grids for print and digital:

• 12-column grid for web, 6-column for mobile
• Print spreads on a baseline grid with gutter standards
• Image sizing ratios: 16:9, 4:3, 1:1 — no exceptions
• White space rules to maintain editorial breathing room

The grid protects the luxury positioning while scaling across formats.

Color & Photography

Color palette: black, white, and a curated set of seasonal accent tones.
Photography direction: high contrast, editorial lighting, fashion-forward composition.

Every image treatment is documented — crop ratios, treatment filters, caption placement.
The guidelines eliminate guesswork for art directors and photographers.

Color Palette
Photo Direction

Digital Standards

Web and social media standards:

Component library for editorial cards, story layouts, and navigation.
Social templates for Instagram, stories, and editorial previews.
Motion principles for web transitions and scroll behavior.

The digital system mirrors print quality without mimicking print layout.

Digital System

Impact

Production time decreased.
Brand consistency improved across all channels.
Freelancers and partners now work from a single source of truth.

The guidelines became the standard operating document for the entire creative team.

Guidelines Final