CCarbon
IBM work-tool style: black header, square grey tiles, large light headings, title on the left and content on the right on wide screens. — 20 entries
- Full name
- Carbon Design System (IBM)
- License
- Apache-2.0 · 글꼴 IBM Plex Sans KR(OFL)
- Source
- partnerscoupang-sites design-systems@22083bd · data babyfood
01Site header사이트 머리
A near-black 48px strip across the top, with the site name on the left. The current menu item gets lighter text and a white underline, like the header of a work tool.
02Site footer사이트 발
The same black as the header, split into columns for the name, site info and related sites, with a notice block underneath. compact is a lighter grey single block.
03Breadcrumbs현재 위치
The slash trails each link, while the chevron is a grey icon placed before each item. 14px text, blue links, and only the current page in black.
04Page head주제·안내 페이지 머리
The topic name in large, thin type. It sits either on a grey band, or on white with a tab row underneath.
05Not found (404)없는 페이지(404)
A big left-aligned "404", a thin title and a blue button. Nothing is centred, so it reads like a document.
06Home hero홈 머리
No pictures or gradients: a thin, large title on white, left-aligned. You choose the star: a featured-post box, topic tiles, or a giant featured-post title.
07Topic index주제 목록
An editorial grid with the "Browse by topic" heading in a narrow left column and the content in a wide right column, each block marked by a thin top rule.
08Related sites함께 보는 사이트
Grey tiles with a site badge, name and one-line intro. It can shrink to rows or to links inside a sentence. There are no per-site colours; every badge is the same blue.
09Hub directory허브 사이트 목록
Lists the sites in baby-stage order (before birth, first 100 days, …) as numbered rows, a grey-headed table, or a horizontal step line.
10Post header글 머리
The "checked against 6 official sources" line and the check date come first, under the title or in a side column or box, while the Coupang Partners notice sits quietly in a one-line bordered box.
11Summary핵심 요약
A light grey box with no rounded corners or border and thin check marks; a boxless list with a rule under every row and thin large numerals "01 02"; or a big first sentence under "In one line". Three forms.
12Table of contents목차
The "On this page" list has a thin grey rule on its left and only the section you are reading turns dark. It can be a folded box, a chip row, or a numbered list.
13Body text본문
Headings are thin rather than bold and checklists use empty square boxes. Tables are a grey header row with horizontal lines (ruled), an outer box with alternating grey rows (boxed), or a bare dark underline with no header fill (open).
14Care guide위급도 안내
Only the "Call 119 now" card has a thick red border and red heading; the other advice sits in a grey box. It can be stacked, side by side, or boxless.
15Trust box출처 상자
Sources appear as a numbered list in a borderless grey box (panel), a three-column table "Institution ｜ Source ｜ Checked" (ledger), or small footnotes under a single rule (notes).
16FAQ자주 묻는 질문
Each question row has a thin rule above and a chevron at the right; opened answers keep a right margin. There is also an all-open two-column Q&A.
17Product list추천 준비물
Coupang links kept low-key. The disclosure comes first in a bordered box, and links can be outlined blue buttons, links in a table, or links under checklist items.
18Post card글 카드
Tiles are plain grey with no rounded corners or border, and a blue arrow at the bottom right. The variants are rows divided by rules (list), a tile with the post’s diagram cropped on top (thumb), and a big thin-numeral row (number).
19Post list글 목록
Rows with a big thin numeral and a rule above each sit in two columns where there is room. With picture cards, grey tiles are joined by thin white gaps.
20Pager이전·다음 글
Previous and next posts as two grey tiles side by side, or as two rows divided by rules. The arrows are blue.