Emoji

이모지

No emoji before titles, in lists or inside buttons. Icons come only from the pack’s own icon set.

···
html
<main class="dont-wrap"><section class="dont-col"><p class="dsx-label"><b>하지 않는 것</b>설명용으로 그린 예</p><div class="dont-bad"><div class="dont-emo-row"><i class="dont-emo-slot"></i><span class="dont-emo-title">이유식, 이렇게 시작해요</span></div><div class="dont-emo-row"><i class="dont-emo-slot"></i><span>생후 6개월 무렵에 시작해요</span></div><div class="dont-emo-row"><i class="dont-emo-slot"></i><span>한 번에 한 가지씩 더해요</span></div><div class="dont-emo-row"><i class="dont-emo-slot"></i><span>꿀과 간은 돌 전에는 피해요</span></div><div class="dont-note">회색 동그라미 = 이모지가 들어갈 자리예요. 이 사이트에는 이모지를 실제로 쓰지 않아요.</div></div></section><section class="dont-col"><p class="dsx-label"><b>대신</b>실제 렌더: Primer Summary check — 팩 아이콘 세트(Octicons)의 체크</p><div class="dont-real"><div class="container gx-measure"><aside class="sm sm--check" aria-labelledby="summary-title" data-astro-cid-6gtfpa46> <h2 id="summary-title" class="sm__title" data-astro-cid-6gtfpa46>핵심만 먼저</h2> <ol class="sm__list" data-astro-cid-6gtfpa46> <li data-astro-cid-6gtfpa46> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M21.03 5.72a.75.75 0 0 1 0 1.06l-11.5 11.5a.747.747 0 0 1-1.072-.012l-5.5-5.75a.75.75 0 1 1 1.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 0 1 1.06 0Z"></path></g></svg> <span data-astro-cid-6gtfpa46>이유식은 보통 생후 약 6개월, 아기가 앉아서 고개를 가누고 음식을 삼킬 수 있을 때 시작해요.</span> </li><li data-astro-cid-6gtfpa46> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M21.03 5.72a.75.75 0 0 1 0 1.06l-11.5 11.5a.747.747 0 0 1-1.072-.012l-5.5-5.75a.75.75 0 1 1 1.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 0 1 1.06 0Z"></path></g></svg> <span data-astro-cid-6gtfpa46>처음엔 하루 1회 한두 숟가락으로 시작해 12개월 무렵 하루 3끼와 간식 1~2회로 늘려요.</span> </li><li data-astro-cid-6gtfpa46> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M21.03 5.72a.75.75 0 0 1 0 1.06l-11.5 11.5a.747.747 0 0 1-1.072-.012l-5.5-5.75a.75.75 0 1 1 1.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 0 1 1.06 0Z"></path></g></svg> <span data-astro-cid-6gtfpa46>질감은 곱고 부드러운 형태에서 무른 음식, 부드러운 고형식, 가족 음식 순으로 단단해져요.</span> </li><li data-astro-cid-6gtfpa46> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M21.03 5.72a.75.75 0 0 1 0 1.06l-11.5 11.5a.747.747 0 0 1-1.072-.012l-5.5-5.75a.75.75 0 1 1 1.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 0 1 1.06 0Z"></path></g></svg> <span data-astro-cid-6gtfpa46>새 재료는 한 번에 한 가지씩 며칠 지켜보며 더하고, 철분이 많은 고기는 초기부터 챙겨요.</span> </li><li data-astro-cid-6gtfpa46> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false"><g fill="currentColor"><path d="M21.03 5.72a.75.75 0 0 1 0 1.06l-11.5 11.5a.747.747 0 0 1-1.072-.012l-5.5-5.75a.75.75 0 1 1 1.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 0 1 1.06 0Z"></path></g></svg> <span data-astro-cid-6gtfpa46>돌 전에는 간을 하지 않고 꿀은 주지 않아요. 생우유는 주된 음료로 쓰지 않아요.</span> </li> </ol> </aside> </div></div></section></main>
css
.dont-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.dont-col{min-width:0}
.dont-col+.dont-col{border-left:1px dashed #a8a29e}
@media (max-width:599px){.dont-wrap{grid-template-columns:minmax(0,1fr)}.dont-col+.dont-col{border-left:0;border-top:1px dashed #a8a29e}}
@media (max-width:340px){.dont-wrap .dsx-label{display:flex}}
.dont-bad{padding:8px 16px 22px;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:var(--c-text,#1c1917)}
.dont-bad *{box-sizing:border-box}
.dont-real{padding-bottom:12px}
.dont-note{margin-top:12px;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#6b645c}
:root.dark .dont-note{color:#a59c91}
.dont-card{background:#fff;color:#1f2937;border-radius:8px;padding:14px 16px;margin-bottom:12px;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
.dont-card b{display:block;margin-bottom:4px}

.dont-emo-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border,#e7e2da)}
.dont-emo-slot{flex:none;width:26px;height:26px;border-radius:50%;background:#c4c0b8;border:2px dashed #78716c}
.dont-emo-title{font-size:18px;font-weight:700}

Putting emoji before titles and list items is a signature habit of AI-written text. They render differently on every device and make the writing look lighter, which does not suit health information where trust matters. Along with dropping colorful palettes, emoji were removed across the whole site.

Two machine checks count them. seo:audit scans every built page for emoji characters and inline emoji graphics and reports any page that has even one. count-emoji tabulates the count per site and fails when it is not zero. Even favicons, app icons, share images and the header mark use a monogram (the site’s two-letter mark on a square in the pack’s accent color) instead of emoji.

Only the pack’s icon set may be used, for example Octicons for Primer and Lucide for shadcn. If the set lacks an icon, it is left out rather than mixing in another set. Icons never carry the meaning alone; they are small helpers next to text.

When to use

Think of it when wanting a list or title to feel friendlier, or when moving in text from elsewhere. If the pasted text contains emoji, remove them and say it in words.

Open as page ↗

Suggest an entry

Tell us about a missing component or variant, or something a pack should fix. We read every suggestion.