― テクノロジーで、新しい豊かさへ。 ―
--yanmar-premium-red-* という命名そのものが宣言。他の色は black / white / blue / green / yellow という汎用名しか与えられていない。
写真の上には alpha 版、白地の上には opaque 版という使い分けを崩さないこと。--black-80-opaque は名前が「黒の 80%」だが値は完全不透明の #333333。#dc1e37 と #ff0000 も混同しない — 前者はブランド色、後者はエラー専用。
--font-shorthand-heading-large-3: 700 28px / 1.5 "Noto Sans JP", … のように、サイズ・ウェイト・行間・書体が 1 つの変数に束ねられている。
行間の使い分けが明確。ブランド display は 1.3、見出しは 1.5、18.7px 以下の本文は 1.8。日本語の業務 UI としてはゆったりした行間で、スペック表や説明文の可読性を優先している。
letter-spacing を足さない。ヤンマーのトークンに letter-spacing の定義は 1 つも存在せず、実測も 245/248 要素が normal。残りは Cookie 同意バナー（OneTrust）由来の 0.13008px / 0.144px で、ヤンマーの設計値ではない。
font-feature-settings: "pkna" on, "palt" on, "pwid" on は 3 つセットで使う。pkna（仮名のプロポーショナル字形）まで指定しているサイトは珍しい。ただし body には置かない — 実サイトの適用は 15 要素のみで、詰めたい見出しに個別に当てる運用。
本文カラムは --content-width-sm（6 カラム中 4 カラム分 ≒ 731px）。本文 14px / line-height: 1.8。
圃場の規模と作業内容に合わせて、20 馬力未満の小型機から 100 馬力超の大型機まで幅広くラインアップしています。すべての機種で作業性・快適性・環境性能を両立させました。
クラッチ操作なしで無段階にスムーズな変速を実現。作業速度を細かく合わせられるため、圃場の状態に応じた最適な作業が可能です。旋回時の減速・復帰も自動で行います。
| 型式 | 馬力 | 変速方式 | 参考価格（税別） |
|---|---|---|---|
| YT5113 | 113 PS | I-HMT | ￥12,800,000〜 |
| YT357 | 57 PS | I-HMT | ￥7,400,000〜 |
| SA-424 | 24 PS | 油圧無段変速 | ￥3,100,000〜 |
※ 掲載の仕様・価格は予告なく変更する場合があります。詳しくはお近くの販売拠点までお問い合わせください。
<y-button>）角丸 5px、余白 7px 14px（7px グリッド上）、影 0px 1px 2px rgba(0,0,0,5%) が常時入る。
選択中のフィルタ項目は 面 rgba(220,30,55,0.1) ／ 文字 #dc1e37、角丸なし。角丸を 2px にしないこと — それは Cookie 同意バナー（OneTrust）の値で、ヤンマーの --border-radius-* は 3 / 5 / 10 / 9999px。ボタンから影を外してフラットにしないこと。
写真の上にラベルを直接載せ、右下にシェブロン。面の色は持たない。
0 0 0 4px rgba(206, 126, 0, 20%)。ブランドレッドでも青でもない。実測しないと絶対に出てこない値。
エラー表示には #ff0000（--error-100）を使う。#dc1e37 はブランド色なので、エラーには使わない。
フラットに見えるが、実際には 0px 1px 2px rgba(0,0,0,5%) で紙のように持ち上げている。
4px でも 8px でもない。7 → 14 → 21 → 35 → 56 → 91 → 147 → 238px と、途中から前 2 項の和に近い伸び方をする。
--content-width: 1110px）--content-width-sm: calc((1110px - (21px * 5)) / 6 * 4 + (21px * 3)) ≒ 731px は「6 カラム中 4 カラム分」を計算式で表現している。ブレークポイントはトークンとして 660 / 1064 / 1200px の 3 つだけが定義されている。
タッチターゲットに注意。Primary ボタン（14px / padding 7px 14px）の実高は約 39px で 44px 基準を下回る。モバイルでは縦 padding を --spacing-2（14px）以上に広げること。