図のカタログ
サイト中の図を、本番と同じ表示幅で並べたもの。スクロールで画面に入ると 1 回動く。
絵柄の出どころは src/lib/figureKit.ts、動きは src/components/figures/Figure.astro。
FigDaysToHours トップ 特長2枚目 / 表示幅 536px
FigAnyView トップ 特長3枚目 / 表示幅 536px
FigPackageCollect LP 特長1(連結パッケージ収集) / 表示幅 384px
FigJournalSteps LP 特長2(連結仕訳・消去処理) / 表示幅 384px
FigDataIntake LP 機能(加工・変換なしで取込) / 表示幅 648px
FigWorkflowPatterns solution/icas ワークフロー全体像 / 表示幅 894px
FigDxPipeline solution/renketsu-dx 運用フロー全体像 / 表示幅 1141px
FigSupportTeam support 冒頭(支援体制) / 表示幅 488px
FigContactTalk contact 冒頭(よくある相談) / 表示幅 488px
FigFlowStep LP 導入までの流れ(56px)— 01 キックオフ / 02 システム設計 / 03 システム構築 / 04 運用開始
FigSupportPhase support 導入支援の流れ(56px)— 問合せ / 契約締結 / 要件定義 / テストラン / 本稼働 / 運用・サポート
FigFvButton トップ FV の 2 つのボタン(104px・991px 以下は 80px)— 資料3点セット / 無料デモ
フッター CTA の「資料ダウンロード」「無料デモ」と同じ行き先なので、同じ語彙で描いてある。
↓ 991px 以下での表示幅(80px)
FigCtaIcon フッター CTA(80px・全23ページ共通)— お問い合わせ / 資料ダウンロード / 無料製品デモ
フッター CTA の地は淡い斜めグラデ(#f2f8fc → #c9e2f3)。台の色を本番に合わせてある。
FigProblemIcon LP 課題(64px)/ 業界ページ お悩み(120px)— before / after の対
↓ 業界ページでの表示幅(120px)