レシピ
team-basic
チーム・スタッフ紹介。
概要
チームメンバーやスタッフを写真付きカードで紹介するセクションです。丸型写真＋名前＋役職＋紹介文の構成。
YAML パラメータ
| パラメータ | 説明 |
|---|---|
heading |
セクション英語ラベル（省略でヘッダー非表示） |
subheading |
セクション日本語見出し |
extraClass |
追加CSSクラス |
style |
CSS変数の上書き |
items[] |
メンバーデータ配列 |
items[].image |
写真パス |
items[].name |
名前 |
items[].role |
役職・肩書き |
items[].desc |
紹介文（HTML可、省略可） |
CSS 調整変数
| 変数名 | 用途 | デフォルト |
|---|---|---|
--team-basic-padding |
セクション余白 | 5rem 0 |
--team-basic-bg |
背景色 | white |
--team-basic-title-size |
見出しサイズ | 1.8rem |
--team-basic-label-color |
ラベル色 | #00C6FF |
--team-basic-card-bg |
カード背景色 | #f8fafc |
--team-basic-card-radius |
カード角丸 | 16px |
--team-basic-img-size |
写真サイズ | 120px |
--team-basic-gap |
グリッド間隔 | 1.5rem |