← 全部範本

展覽封面 <ExhibitCover />

超大標題佔滿左半頁,右上角一塊淺色日期塊,底部 3–4 欄細線分隔的小字資訊。為雙年展風格設計,其他風格也能用。

分組
開場 · 超大窄襯線標題加角落日期塊
元件
ExhibitCover · #exhibit-cover

適合

  • 展覽、文化專案、年度回顧的第一頁
  • 主題是一個時間段或一屆活動

不適合

  • 需要一個代表數字:用 Cover
  • 標題超過 3 行

內容上限

1title 2–3 行,每行 ≤ 8 字
2badge 1–2 行,每行 ≤ 10 個字元
3meta 3–4 欄,value ≤ 24 字

欄位

欄位型別
kicker · 必填string小節名
title · 必填string | string[]大標題
badge · 必填string | string[]右上角日期塊
meta · 必填{ label, value }[]底部資訊欄

範例程式碼

<ExhibitCover
  kicker="年度回顧"
  title={['太陽能的', '十年']}
  badge={['2015 —', '2025']}
  meta={[{ label: '資料', value: 'Our World in Data' }, …]}
/>