Layout & List.

<ListRow>
  <ListRow.Prefix>
    <Asset shape="rounded" size={40} />
  </ListRow.Prefix>
  <ListRow.Text title="작품 제목" subtitle="작가명 · 유화" />
  <ListRow.Suffix><ChevronIcon /></ListRow.Suffix>
</ListRow>

<ListRow.Prefix>
  <Asset shape="rounded" size={40} icon={<DiamondIcon />} />
</ListRow.Prefix>

<ListRow.Prefix>
  <Asset shape="circle" size={40} name="박수근" fallback="initial" />
</ListRow.Prefix>

<ListRow.Text
  title="빨래터"
  subtitle="박수근 · 유화"
  badge={<Badge color="green">Available</Badge>}
/>

<ListRow.Suffix><ChevronIcon /></ListRow.Suffix>
<ListRow.Suffix><span>₩ 2,400,000</span></ListRow.Suffix>
<ListRow.Suffix><Button size="small">팔로우</Button></ListRow.Suffix>

<ListHeader
  titleType="paragraph"
  title="추천 작품"
  description="CHAART가 선별한 이번 주 추천 작품입니다"
/>

<ListHeader titleType="paragraph" title="추천 작품" />
<ListHeader titleType="paragraph" title="추천 작품" description="..." />

<ListHeader
  titleType="textButton"
  title="인기 작품"
  buttonText="더보기"
  onButtonClick={() => navigate('/popular')}
/>

<ListHeader
  titleType="selector"
  title="작품 목록"
  selectorValue="최신순"
  selectorOptions={['최신순', '인기순', '가격순']}
  onSelectorChange={(v) => setSortBy(v)}
/>

<ListHeader descriptionPosition="top" description="Park Soo-keun Collection" />
<ListHeader descriptionPosition="bottom" description="CHAART가 선별한 추천" />

<Top
  title="빨래터"
  subtitle="박수근, 1954 · 유화"
  subtitlePosition="bottom"
  badge={{ color: 'green', children: 'Available' }}
>
  <Top.SubtitleParagraph position="top">
    Park Soo-keun Collection
  </Top.SubtitleParagraph>
</Top>

<Top title="페이지 제목" />

<Top title="페이지 제목" subtitle="카테고리" subtitlePosition="top" />
<Top title="빨래터" subtitle="박수근, 1954" subtitlePosition="bottom" />

<Top
  title="빨래터"
  subtitle="박수근, 1954 · 유화"
  badge={{ color: 'green', children: 'Available' }}
/>

<Top
  title="컬렉션"
  subtitle="12개 작품"
  rightAsset={<Asset shape="rounded" size={48} />}
  lowerCTA={{ children: '컬렉션 관리 →', variant: 'weak' }}
/>

<ArtworkCard
  image="/artwork.jpg"
  artist="박수근"
  artistEn="Park Soo-Keun"
  category="유화"
  size="72.7 × 60.6cm"
  price="2,400,000원"
  onWishlist={() => toggleWishlist(id)}
/>

<ArtworkCard layout="vertical" />  {/* 기본값 */}
{/* 그리드: grid-template-columns: repeat(2, 1fr) */}

<ArtworkCard layout="horizontal" />
{/* 이미지 80×80, 텍스트 flex: 1 */}

<ArtworkCard
  isWishlisted={true}
  onWishlist={() => toggleWishlist(id)}
/>

<BoardRow
  thumbnail="/images/artwork-01.jpg"
  title="빨래터"
  description="박수근 · 유화 · 45.5 x 38cm"
  price="12,000,000원"
  date="2일 전"
/>

<!-- 썸네일 포함 -->
<BoardRow thumbnail="/images/art.jpg" title="해질녘" />

<!-- 썸네일 없음 (게시판형) -->
<BoardRow title="[공지] 2월 경매 일정 안내" showThumbnail={false} />

<BoardRow highlight="new" title="군상" />
<BoardRow highlight="hot" title="산수화 병풍" />

<GridList columns={2} gap={12}>
  <ArtworkCard title="빨래터" artist="박수근" price="₩12,000,000" />
  <ArtworkCard title="해질녘" artist="김환기" price="₩8,500,000" />
</GridList>

<GridList columns={2}>...</GridList>  {/* 작품 갤러리 */}
<GridList columns={3}>...</GridList>  {/* 작가 목록, 카탈로그 */}

<GridList columns={2} masonry>
  {artworks.map(art => (
    <ArtworkCard key={art.id} {...art} />
  ))}
</GridList>