Autifyは、AI駆動開発時代の品質保証を支えるAIテストプラットフォームです。
数値の 42px は実サイトで font-weight: 800 が当たっているが、読み込んでいるのは 300–700。800 は Inter にしか存在しないため、実際にはブラウザの合成太字で出ている。このプレビューでも同じ状態を再現している。新規実装では 700 までに留めること。
ブランド色は #00b398 の1色。面は #f6f9fb（実測 33 要素で最多）と #f0f5f9 の2段で、白地との差はごくわずか。
linear-gradient(90deg, #00b398, #805ad5) — トップ下部の CTA 帯のみ（実測 1 要素）。
本文色がページ間で違う。トップは純黒 #000000（78 要素）、下層は #333333（82 要素）。CSS 変数 --aut-black: #333 は宣言されているのに、トップがそれを使っていない。新規実装では #333333 に統一する。
Roboto, "Noto Sans JP", system-ui, sans-serif が トップ 201/219 要素・下層 149/181 要素。Roboto が欧文と数字を、Noto Sans JP が和文を引き受ける。和文を先頭に置かない設計。
字間の設計がページ間で揃っていない。トップは letter-spacing: normal が 193 / 219 要素、下層は 0.2px（0.0125em）が 117 / 181 要素。body はどちらも normal なので、下層は要素側で当てている。揃えるなら normal 側。
palt は 1 要素も使っていない（CSS 全文の出現も 0 回）。Noto Sans JP の素のベタ組みをそのまま使う。字間を足すのは CTA（0.8px）・タブ（1.56px）・数値（0.52px）の 3 つだけ。逆に事例タイトルだけ -0.16px と詰めている。
body に line-break: strict が効いている（4 幅すべてで実測）。小書きのかなや長音符を行頭に送らない厳格な禁則。word-break: auto-phrase は不使用（CSS 全文で 0 回）。
主要 CTA は #00b398 の面＋白文字。第2 CTA は白地に #00b398 の枠と文字＋letter-spacing: 0.8pxで、字間が付くのはここだけ。
角丸が 8 種類ある（5px / 8px / 4px / 40px / 100% / 20px / 12px / 30px）。新規実装では ボタン 4px・カード 8px・画像 5px の3値に絞ると実サイトと整合する。
影は 0 0 10px rgba(0,0,0,0.05)。縦オフセットを持たないので、浮いているというより輪郭が滲む見え方になる。
ラベルは 13px / letter-spacing: 0.2px。必須マークだけ #ff0000（実測 11 要素）。角丸はボタンの 4px ではなく 3px。
影が付く要素は実測で 15 個しかない。段差の大半は #f6f9fb の面で作る。
ブレークポイントは 479 / 767 / 991px ＝ Webflow の既定値。サイト全体が Webflow で作られている。
html / body は 4 幅（1440 / 1200 / 834 / 375px）すべて 16px 固定。rem の換算は常に 16px 基準でよい。流体なのはヒーロー見出しだけ（40px → 39.99px → 30px → 24.26px）。本文は 834px 以下で 16px → 12px に落ちる（行間 1.5 は維持）。