Skip to content

Design Chinese Open Graph Cards With AI

Punctuation gets clipped, headlines lose air, brand colour turns garish — Oginify treats 中文 as a first-class typographic system so every card breathes on WeChat and beyond

Chinese Open Graph card example — deep ink Source Han Serif headline on cream paper
Chinese · 灯塔科技 / OG card1200 × 630 · og:image

Why Choose Oginify

Built for the way Chinese teams actually publish — real CJK fonts, correct punctuation and a color system that survives WeChat and Weibo compression.

Real Source Han Fonts

Every card ships with genuine 思源宋体 and 思源黑体 subsetted per page — not a Western fallback that reflows CJK glyphs into half-width boxes.

Correct Chinese Punctuation

Full-width commas, quotation marks and dashes stay full-width; ellipsis stays as ⋯; Latin words inside Chinese sentences pick up the right spacing automatically.

Mixed CJK + Latin Type

Brand names like Oginify, GitHub or React sit next to 中文 headlines without falling back to a mismatched sans — the mixed baseline stays flat.

Survives WeChat Compression

WeChat downsamples cards to 383×191 and JPEG-crushes color. The Chinese preset uses oversized display type and one vermillion anchor so the headline still reads at thumbnail size.

Simplified & Traditional Ready

Toggle between 简体 and 繁體 per page. The layout stays the same; only the glyph set swaps, so mainland and Taiwan/HK teams share one design system.

Legal & Accent Colors Tuned for CJK

Vermillion (#C43E1C) reads as an editorial stamp against ink black, not as an alarming red. Contrast is tuned for dense Chinese type at small sizes.

SaaS · Landing page

Chinese SaaS landing — 云耕协作

Most Chinese SaaS teams paste an English template and translate the copy — headlines pile up, line-heights collapse, the CTA red turns garish. Oginify rebuilds the layout in real Source Han Sans / Serif so headline, subhead and CTA each breathe on WeChat, Feishu and X.

Editorial · Weekly newsletter

Chinese newsletter — 拾光周刊

WeChat downsamples article covers to 383×191 and Weibo goes smaller — a one-line headline can turn to mush. This layout leans on oversized Source Han Serif for the main title, italic Song for the subhead, and one vermillion date stamp so the card still reads at thumbnail size.

E-commerce · Seasonal drop

Chinese DTC — 拾光电商 summer linen

Chinese DTC cards on Taobao, Xiaohongshu and WeChat lose full-width commas, reset prices to serif Latin and crop product photos wrong. Oginify auto-switches to tabular numerals, preserves CJK punctuation and crops the shot to the 1200×630 golden ratio.

Devtool · Chinese docs

Chinese dev docs — 代码熔炉

The classic failure on Chinese devtool sites is a monospace face that half-width-crushes Han glyphs while comments fall back to a mismatched serif. This layout assigns Source Han Sans to Chinese comments and JetBrains Mono to code, keeping line-height aligned across the mixed run.

Where a Chinese-Language OG Card Earns the Share

The domestic web runs on WeChat, Xiaohongshu and Zhihu. The card should read cleanly inside those previews, not lean on English defaults.

Market entry

Debut a Product to Chinese Users

The mainland launch card carries a Simplified Chinese headline with correct kerning and a wordmark tuned for QR-heavy feed thumbnails.

Xiaohongshu

Post a Note Users Will Save

Xiaohongshu previews the OG image before the note body — a Chinese headline earns saves that an English card never would.

36Kr

File a Story a Reporter Can Republish

Tech journalists pasting the URL into a CMS expect a preview that already reads in the article language, not a machine-translated approximation.

Docs

Preview Docs Pages in the Reader Language

Chinese-language docs deserve Chinese-language OG — the pattern is one of many on the use cases overview.

How to Design an OG Card in Chinese

Chinese OG cards need character-density awareness, native font selection and headlines built for square-glyph reading — not translated Latin templates.

  1. Step 1

    Pick a native Chinese type

    Source Han Sans, Noto Sans SC or a licensed foundry face — never fall back to a Latin font with a CJK 'auto' add-on; the mismatch reads immediately.

  2. Step 2

    Compose for square glyphs

    Chinese glyphs are square, so line-height and tracking rules from Latin type do not port; open leading to 1.35 and drop tracking to zero.

  3. Step 3

    Break lines on phrase, not width

    Manual line breaks at semantic phrase boundaries beat automatic word wrap; a two-character orphan on line two ruins the whole composition.

Explore Other Languages

JapaneseKoreanPortuguese

Frequently Asked Questions

Chinese Open Graph specifics — fonts, punctuation, WeChat unfurl, and how to wire this into a mainland-hosted CMS.

What Chinese fonts does Oginify use, and are they licensed for commercial use?

Source Han Serif (思源宋体) and Source Han Sans (思源黑体) — both released by Adobe + Google under the SIL Open Font License, free for commercial use. We subset per page so the card renders even when the reader's device has no Chinese font installed.

How large should a Chinese headline be on a 1200×630 OG card?

32–48px equivalent — noticeably larger than the same headline in English. Chinese characters carry more visual weight per glyph and downsample worse on WeChat (383×191) and Weibo (200×200). The Chinese preset defaults to 44px display for the main headline.

Does the card unfurl correctly on WeChat, Weibo and 小红书?

Yes on WeChat article shares (they read og:image and og:title from the page head) and Weibo link cards. 小红书 does not read Open Graph — you upload the 1200×630 PNG directly as the cover image. Oginify exports the same file for both flows.

How do I handle mixed Chinese and English in the same headline?

Write the headline as you'd type it — 使用 Oginify 生成 OG 图. The renderer detects CJK vs Latin runs and applies the right font per run, so 思源黑体 and Inter share one baseline without the usual half-width collapse.

Can I generate 繁體中文 (Traditional Chinese) cards from the same template?

Yes. Set the language tag to zh-Hant and the renderer swaps to Source Han Serif TC / Sans TC while keeping the layout identical. One template ships mainland (zh-CN), Taiwan (zh-TW) and Hong Kong (zh-HK) variants.

Ship Chinese Open Graph cards that read as carefully as they're written.

Paste any Chinese URL — real 思源宋体 / 思源黑体 typography, correct punctuation, brand color, and 1200×630 output in seconds.