Japanese Email Design: Why Image-Based, Mobile-First Emails Win in Japan
シェア
If you send the same live-text, single-column email template to Japanese subscribers that you send everywhere else, it will look broken and it will underperform. Japanese e-commerce emails are overwhelmingly designed as image-based, mobile-first, magazine-style layouts — and that is not a stylistic quirk. It is a rational response to how Japanese text renders across email clients, how Japanese consumers read on their phones, and what the domestic market has trained subscribers to expect. This guide explains why image-based emails win in Japan and how to produce them without sacrificing deliverability or accessibility.
Why Japanese email design is fundamentally different
Three forces push Japanese email design away from the Western live-text standard.
1. Font rendering is unreliable for Japanese text
Web-safe Japanese fonts barely exist in email. Windows renders Japanese system text in Yu Gothic or Meiryo, macOS and iOS in Hiragino Sans, Android in Noto Sans JP — and none of them can be reliably embedded via web fonts in major email clients. Gmail and Outlook strip or ignore most custom font declarations, so a carefully chosen brand typeface degrades into whatever the device defaults to. For a Latin-alphabet brand this is a minor annoyance; for Japanese, where mincho (serif) versus gothic (sans-serif) carries strong brand connotations — mincho reads premium and traditional, gothic reads modern and casual — losing the typeface means losing the brand voice. Rendering the text as an image is the only way to guarantee typography.
2. Kinsoku shori: Japanese line-breaking rules that email clients ignore
Japanese has formal line-breaking rules called kinsoku shori. Certain characters must never start a line — small kana (っ, ゃ, ゅ, ょ), the prolonged sound mark (ー), closing brackets (」』)), and punctuation (、。) — and certain characters must never end one, such as opening brackets (「『(). Japanese also has no spaces between words, so browsers and email clients break lines at arbitrary character boundaries. The result in live-text email is mid-word breaks that read as sloppy as "th-" / "e product" would in English, plus orphaned punctuation dangling at line starts. Desktop publishing software handles kinsoku automatically; HTML email does not. Designing the email as an image lets you control every line break by hand, which is exactly what Japanese designers do — often inserting manual breaks at grammatical phrase boundaries (bunsetsu) so each line reads naturally.
3. Subscriber expectations are set by the domestic market
Japanese consumers receive daily email from Rakuten merchants, domestic D2C brands, and department stores — nearly all of it dense, colorful, image-based, and information-rich. A sparse, airy, live-text email from an overseas brand does not read as "premium minimalism"; it often reads as unfinished or, worse, as a phishing attempt. Information density signals effort and trustworthiness in Japanese commercial design. This is the same cultural logic behind Japanese landing pages and flyers, and it applies to the whole channel mix — see our comparison of LINE versus email for Japanese e-commerce for how these expectations differ by channel.
What "image-based" actually means in practice
Image-based does not mean one giant JPEG. The standard Japanese production pattern is a sliced layout:
- Header/logo section — a small image or live text, linked to the store top page.
- Hero image — the main visual with the campaign message typeset inside the image.
- Body sections — each content block (product feature, ranking, review, brand story) exported as its own image, stacked vertically, each with its own link target.
- CTA buttons — rendered inside the images or as bulletproof HTML buttons directly below them.
- Footer — live text: sender identity, physical address, and the unsubscribe link. This part should never be an image, both for deliverability and for legal clarity.
Slicing matters for three reasons: each section can carry a different link (more click surface, better click mapping in Klaviyo), a failed image load only blanks one block instead of the whole email, and individual slices stay under client size limits. Keep each slice under roughly 1 MB and the total email weight as low as you can; Gmail clips messages whose HTML exceeds 102 KB, so keep the markup itself lean even when the images are heavy.
Mobile-first is not optional in Japan
Japanese e-commerce is heavily smartphone-driven, and email opens skew even more mobile than site traffic. Design at a 600px-wide artboard but check everything at around 375px rendered width, because that is how most subscribers will see it.
Layout rules that hold up on a phone
- Single column, always. Two-column desktop layouts that stack on mobile add engineering risk for little gain when most opens are mobile anyway.
- Minimum effective font size inside images: as a guideline, body text typeset in the image should render no smaller than about 14px equivalent on a 375px screen. Japanese glyphs are denser than Latin ones and become illegible faster.
- Tap targets: buttons at least 44px tall in rendered terms, with generous padding — thumbs, not cursors.
- Zigzag rhythm: alternate image-left/text-right composition inside your slices to keep long emails scannable during a scroll.
Subject lines: character budgets and the 【】 convention
Japanese subject lines operate under different constraints than English ones.
Character budgets
Japanese full-width characters occupy roughly twice the visual width of Latin characters. As a working guideline, assume around 15–20 full-width characters are visible on a smartphone inbox list before truncation, and put the core message in the first 10. Front-load the offer or news; decorative brand prefixes waste the most valuable real estate in the inbox.
The 【】 bracket convention
Japanese commercial email leans on corner brackets 【】 to tag the message type at the start of the subject line: 【送料無料】 (free shipping), 【本日最終日】 (last day today), 【新商品】 (new arrival), 【会員限定】 (members only). This is a genuine convention, not spam styling — domestic subscribers scan for these tags. Use one bracket tag per subject line; stacking two or more starts to look like spam. Pair the subject with a preheader that continues the sentence rather than repeating it, since Japanese inboxes show the preheader immediately after the subject.
Tone and politeness
Default to polite form (desu/masu) in all customer-facing copy. Urgency works in Japan, but manufactured urgency backfires harder than in Western markets; state real deadlines (セール最終日 — final day of sale) and real stock constraints only when true.
Accessibility and deliverability: the honest trade-offs
Image-based email has real costs, and the fix is discipline rather than abandoning the format.
Alt text is your safety net
Write meaningful Japanese alt text for every slice — the offer, the product name, the deadline — so that a blocked-image render still communicates the message and screen readers have something to announce. Alt text is also what appears in the split second before images load on slow connections.
Keep a live-text skeleton
Always include some live text: the preheader, the footer, and ideally one short paragraph near the top. All-image emails with near-zero text content are a classic spam-filter signal. A one- or two-line live-text greeting above the hero image improves both filtering outcomes and blocked-image readability.
Dark mode
Email clients invert backgrounds but not images. White-background image slices sitting on an inverted dark canvas produce a visible frame; either design slices edge-to-edge with the background color baked in, or test in dark mode and accept the seam.
A production workflow that scales
Here is a repeatable pipeline used for Japanese image-based campaigns:
- Wireframe the story first. Decide the scroll narrative — hook, proof, offer, CTA — before opening the design tool.
- Design at 1200px width (2x) in Figma or similar, on a 600px logical grid, applying kinsoku-aware manual line breaks to every text block.
- Slice by content block, exporting each section as its own image at 2x for retina sharpness; compress aggressively (JPEG for photographic slices, PNG only where flat color banding demands it).
- Assemble in your ESP — in Klaviyo, stack the slices as image blocks, assign each its own UTM-tagged link, and add alt text per slice.
- Add the live-text skeleton: preheader, short intro line, and full footer with unsubscribe.
- Test on real devices: iPhone Mail, Gmail app on Android, and desktop Gmail at minimum, in light and dark mode.
If you are localizing an existing automation program rather than one-off campaigns, the same design system should be applied flow by flow — our guide to localizing Klaviyo flows for Japan covers which flows to rebuild first, and the Japan e-commerce marketing calendar covers when to send what.
Common mistakes overseas brands make
- Machine-translating the English template. Translation without redesign produces awkward line breaks, mismatched tone, and half-width/full-width punctuation errors that Japanese readers spot instantly.
- Keeping Western whitespace levels. Generous negative space reads as low-effort in Japanese commercial email. Increase information density deliberately.
- Ignoring furigana-free readability. Avoid rare kanji in headlines; when in doubt, prefer kana or simpler phrasing.
- One CTA per email. Japanese long-scroll emails repeat the CTA every one to two screens of scroll. A single button at the bottom leaves clicks on the table.
- Skipping the footer legalities. Japanese law requires opt-in consent and clear sender identification for commercial email — align this with your store's legal pages, covered in our tokushoho and Japan e-commerce law guide.
FAQ
Do image-based emails hurt deliverability in Japan?
Not when produced correctly. Keep a live-text preheader, intro line, and footer; write alt text on every slice; keep HTML under Gmail's 102 KB clip limit; and maintain normal list hygiene. The image-heavy format is standard in Japan, and mailbox providers' filters reflect what real senders in the market do.
Can I just translate my existing Klaviyo templates?
You can, but you should expect broken line breaks (no kinsoku handling), fallback fonts that undercut the brand, and a layout Japanese subscribers read as thin. Rebuilding the template as sliced images with rewritten — not translated — copy consistently performs better.
How long should a Japanese e-commerce email be?
Longer than you think. Magazine-style emails of five to eight scrolled screens are normal for campaigns, provided each screen has a clear block and a tappable link. Transactional and flow emails can and should stay shorter.
What image format and size should I use for slices?
Export at 2x the 600px layout width (1200px), compress each slice to well under 1 MB — ideally 100–300 KB — and prefer JPEG for photography. Sharpness of Japanese glyphs is the main reason to export at 2x.
Does this apply to LINE messages too?
The image-first instinct carries over, but LINE has its own formats (rich messages, carousels) and much tighter length norms. See LINE vs. email for Japan e-commerce for how to split content between the two channels.
Yulie is a Klaviyo partner agency based in Japan. We design, build, and localize email and LINE programs for overseas Shopify brands entering the Japanese market — from sliced, kinsoku-correct templates to full flow rebuilds. Get in touch and we will reply within one business day, in English, no meetings required.