Skip to content

Design Korean Open Graph Cards With AI

English fallback fonts break 자간, headlines lock up on two lines, KakaoTalk crops swallow half the type — Oginify treats 한국어 as its own design system, hangul first

Korean Open Graph card example — deep navy Pretendard headline on soft mint background
Korean · 조용한SaaS / OG card1200 × 630 · og:image

Why Choose Oginify

Real Pretendard + Noto Sans KR

Every card ships with genuine Pretendard as the display face and Noto Sans KR as the body fallback, subsetted per page — not a Roboto stand-in that flattens 한글 into wrong stroke weights.

Tuned 자간 and 줄간격

Korean set at English letter-spacing looks tight; set too loose it looks foreign. The Korean preset ships default 자간 -0.02em and 줄간격 tuned per size so 한글 lines breathe naturally.

Mixed 한글 + English + numbers

Brand names like Oginify, GitHub or Toss sit next to 한국어 headlines without a jump — tabular numbers, correct Latin baseline alignment, one grid across scripts.

KakaoTalk-safe crops

KakaoTalk shows link previews at ~500×260 and re-encodes hard. The Korean preset positions the headline in the safe upper-left band and uses one coral accent so it survives the crop and JPEG pass.

Naver blog + Toss aesthetic

Presets for Naver blog share cards, Kakao Channel previews, and modern K-tech (Toss / Karrot / Kakao) layouts — soft gradient surfaces, rounded card mocks, brand-safe coral or mint accents.

Handles 받침 and long compound nouns

Korean often stacks long compounds (개인정보처리방침, 회원가입안내) that break Western auto-wrap. The renderer breaks on syllable boundaries and keeps 받침 intact — no half-syllables at the wrap.

SaaS · Landing page

Korean SaaS landing — 조용한SaaS

Korean SaaS pages built from translated English templates ship with the wrong stroke weight, off 자간 and headlines that lock up on two lines. Oginify rebuilds the layout in real Pretendard and Noto Sans KR with tuned tracking, so headline, subhead and CTA each breathe.

Editorial · Weekly newsletter

Korean newsletter — 빛나는 편지

Naver blog and Kakao Story compress link cards hard, and KakaoTalk crops to ~500×260. This layout leans on oversized Nanum Myeongjo for the masthead, italic Myeongjo for the subhead and one coral date stamp so the card still reads at thumbnail size.

E-commerce · Seasonal drop

Korean DTC — 조용한상점 summer linen

Korean e-commerce cards on Naver Shopping, KakaoTalk and Instagram lose 자간 tuning, break long compound nouns mid-syllable and reset prices to Latin faces. Oginify keeps Pretendard tracking, breaks on syllable boundaries and holds tabular numerals.

Devtool · Korean docs

Korean dev docs — 코드 화로

Korean devtool sites often fall back to Roboto for comments and lose 받침 at wrap points. This layout keeps Pretendard for Korean comments, JetBrains Mono for code and breaks on syllable boundaries so no half-syllables appear at the line end.

Where a Korean-Language OG Card Earns the Share

Korean feeds move fast on KakaoTalk and Naver. The card should read at thumbnail size in Hangul, not English fallback.

Market entry

Debut a Product to Korean Users

The KR launch card carries a Hangul headline set in Pretendard with the wordmark tuned for Naver and KakaoTalk share previews.

Naver blog

Post an Entry That Previews in Kakao

KakaoTalk previews the OG before the linked page loads — a Korean card wins the tap, an English one gets swiped.

Platum

File a Story With a Korean Card Ready

Tech reporters copying the URL into a CMS want a preview already in Korean — see the pattern on the use cases page.

Docs

Preview Docs in Hangul

Korean-language docs shared into engineering chats deserve OG that matches — section title in Hangul, wordmark clean.

How to Design an OG Card in Korean

Hangul syllable blocks behave differently from CJK ideographs and from Latin words — cards need type sized for block density and lines broken by eojeol.

  1. Step 1

    Set Noto Sans KR or Pretendard

    Pretendard covers Hangul and Latin at matching optical size; both handle bold weights without the ink-trap collapse cheap Hangul fonts suffer at H1.

  2. Step 2

    Break lines on eojeol boundaries

    Korean lines break on eojeol — space-separated word units — not on syllable blocks. Auto-wrap that splits a block reads as broken to native eyes.

  3. Step 3

    Widen line-height for stacked jamo

    Complex syllable blocks stack up to three jamo tall; line-height of 1.4 or higher keeps them from crashing into the descender of the row above.

Explore Other Languages

ChineseJapanesePortuguese

Frequently Asked Questions

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

Pretendard and Noto Sans KR — both under the SIL Open Font License, free for commercial use. Pretendard is the go-to modern Korean display face used by Toss and Karrot; Noto Sans KR is the reliable fallback. We subset per page so the card renders even without Korean fonts installed on the reader's device.

Does my card unfurl correctly on KakaoTalk, Naver blog and Kakao Story?

Naver blog and Kakao Story both read og:image and og:title from the page head. KakaoTalk shares work the same way — the crawler fetches your og:image within 24 hours of the first paste. For Kakao Channel rich messages you upload the 1200×630 PNG directly; Oginify exports the same file.

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

40–56px for Pretendard display — slightly larger than English at the same weight because 한글 syllable blocks are square and denser. The Korean preset defaults to 48px with 자간 -0.02em and 줄간격 1.25 for the main headline.

How does Oginify handle 자간 (letter-spacing) for Korean?

The Korean preset ships tuned 자간 defaults per size: -0.02em at display sizes, -0.01em at body, 0 at small caption. You can override per card. Pretendard doesn't need positive tracking — the type is already spaced for Korean.

Can I mix English brand names and numbers inside a Korean headline?

Yes — write it as you'd type it, 「Oginify로 오픈그래프 카드 만들기」. The renderer detects Hangul vs Latin runs, keeps Pretendard for both, and uses tabular numbers so prices and dates line up. No jarring baseline jump between scripts.

Does it support 세로쓰기 (vertical Korean) layouts?

The 1200×630 canvas is horizontal, so full vertical isn't the goal — but the Korean presets keep modern K-editorial rhythm (sidebar labels, mono captions, generous whitespace) so cards read as Korean, not translated Western.

Ship Korean Open Graph cards that unfurl clean on Kakao and Naver.

Paste any Korean URL — real Pretendard / Noto Sans KR, tuned 자간, one coral accent, and 1200×630 output in seconds.