Back to projects

Case 04 · Email Design System

Localization at Scale

Making long Chinese emails easier to navigate.

CNGS EMAIL DESIGN SYSTEM · PATTERNS FOR DENSE SELLER COMMUNICATIONS

I adapted Amazon’s global email guidance for Chinese seller communications. The guide specifies layouts for long copy, including navigation links and QR-code actions.

Role
Email design system & localization
Period
2023
Surface
Lifecycle & campaign email
Audience
China-based global sellers
System
Global guidance → CNGS extension
30+ongoing automation programs
400+planned emails per month
2M+active sellers reached daily

More information in each email

China seller emails had to carry more operational detail than the global layouts allowed for. We needed to keep that information accessible within the existing brand guidance.

I focused on how readers move through a long email: finding a relevant section, comparing details and reaching its action link.

The constraintInformation could not simply be removedThe system had to make more content easier to navigate.
Design responseAdd routes through the contentUse section anchors and clear action links.
Design principle

Which rules needed a Chinese extension?

I kept the brand and accessibility requirements. Chinese typography and local contact options needed additional specifications.

Global requirements and local additions

Global / keepBrand and accessibility

Brand palette and recognisable cues · accessible colour contrast and clear hierarchy · left-aligned body copy and consistent CTAs · a repeatable review standard for every sender.

China / adaptChinese type and local actions

Microsoft YaHei for dependable Chinese rendering · tighter type and spacing rules for information-rich copy · anchor links, progress visuals and tables for fast scanning · QR codes and WeCom entry points beside web actions.

Type sizes and spacing

I used a left-aligned reading column with defined type sizes. Spacing groups supporting detail with its section, while anchors let readers jump to the information they need.

01One reading axis

Flush-left copy makes long Chinese paragraphs easier to track.

02Type sizes

20px headlines, 14px body and 12px notes keep priority visible.

03Section spacing

Major actions are 30px apart. Supporting information sits 10px away.

04Section navigation

Anchors, progress steps and illustrations reveal the email at a glance.

INFORMATION ARCHITECTURE · A MEASURED HIERARCHY FOR DENSE CHINESE COPY

The CNGS email guide

Teams producing recurring emails needed a reference they could use during layout and review.

I combined global brand, Sky and Prime guidance in the CNGS email guide. It includes Chinese typography and layout specifications, with reusable components.

FOUNDATION 01 · COLOUR & CONTRAST
FOUNDATION 02 · CHINESE TYPOGRAPHY
FOUNDATION 03 · REUSABLE COMPONENTS
Adoption

A review reference for email owners

Email owners and vendors use the same guide when preparing assets and discussing corrections.

Using the guide in production

01Shared reference

One reference for creating and reviewing every CNGS email asset.

02Reusable patterns

Approved headers, CTAs, QR modules, tables and content structures.

03Shared review language

Reviewers can point to a type size, spacing rule or component example when requesting a change.

The specifications above show how the guide handles dense copy. Open the examples to inspect the layout and component rules.