--- import type { Content } from "../i18n/content"; interface Props { c: Content["metrics"]; } const { c } = Astro.props; const feature = c.items.filter((m) => m.feature); const rest = c.items.filter((m) => !m.feature); --- {/* 레이아웃 패밀리: 수치 조판. 카드에 담지 않는다. 숫자가 크기와 정렬선으로 스스로 위계를 만든다. 카드는 elevation 이 진짜 위계를 나를 때만 쓴다는 규칙을 여기서 지킨다. */} {/* 이 섹션에는 패럴랙스를 넣지 않는다. 빠뜨린 것이 아니라 결정이다. 여기가 이 페이지의 수치를 공개하는 자리다. 숫자가 스크롤에 따라 흔들리면 그 값도 흔들리는 것처럼 읽힌다. 계기판의 바늘은 떨지 않는다. 움직임이 의미를 만드는 자리가 있으면, 움직이지 않는 것이 의미인 자리도 있다. */}

{c.eyebrow}

{c.h2}

{c.lead}

{ feature.map((m, i) => (
{m.value} {m.label} {m.note}
)) }
{ rest.map((m, i) => (
{m.label}
{m.value}
{m.note}
)) }

{c.caveat}