C Carbon · 13

Body 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).

RuleBody text is 17px on phones and 18px on wide screens at 1.8 line height — no pack shrinks it. The structure is shared; packs only restyle it.

Also known as: Prose
···
usage (Astro)
---
// src/pages/[post].astro
import { Prose } from '../components/registry';
---
<Prose>
  <Content />
</Prose>
site.json
// sites/<사이트>/site.json — 적지 않으면 사이트 이름으로 자동으로 고른다
{
  "variants": { "Prose": "ruled" }
}
props (TypeScript)
export interface ProseProps {
  variant?: VariantOf<'Prose'>;
  careVariant?: VariantOf<'CareGuide'>;
  /** 정적 페이지(소개 등)처럼 표·병원 카드가 없는 글 */
  plain?: boolean;
}

ruled has tables with a grey header row and 48px horizontal lines, a grey rule above headings, and timelines with dots and lines. boxed wraps a zebra-striped table in an outer box and puts every timeline item in its own box. open drops the header fill and vertical lines (only a dark underline remains), uses bigger headings, and splits the timeline into "period | content" columns on wide screens.

Timelines, tables, quotes, checklists and the care guide all share the same voice. Table-heavy posts read well in ruled or boxed; long text posts feel roomier in open. The differences among the three are concentrated in tables, timelines and headings.

Use it when — Variants 3

  1. ruledRuled Table-heavy posts that should read calmly — horizontal rules only, dot-and-line timelines.Used by 4: feeding, toddlerfood, vaccination, 허브
  2. boxedBoxed When readers trace cells one by one, as in amount or age charts.Used by 4: babyfood, babysick, milestone, newborn
  3. openOpen Posts with lots of age-by-age content — big subheadings, stage | content.Used by 3: babyplay, babysleep, birthprep
Open as page ↗

Suggest an entry

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