スクロール速度に差をつけた前景・背景の2層構造により、奥行きのある視差効果を演出しています。
左に固定ステータス、右に3カラムのフェーズ詳細を並べるスプリット構成の解説です。
各カラムを境界線で区切り、アイコン・見出し・説明文の同一フォーマットを反復しています。
レスポンシブ時には縦積みに変化し、左側のステータスが上部に移動する仕様です。
アイコン・見出し・説明文・リンクを縦に積み重ねる標準的なカードフォーマットです。
Detailホバー時に枠線がクリムゾンからアンバーへ変化するグラデーション演出です。
Detail同一フォーマットの反復で情報の一覧性を高め、整然とした印象を与えます。
Detail現状の課題を分析するフェーズの解説です。
戦略設計と実行計画を策定するフェーズです。
迅速かつ確実に構築するフェーズです。
テストと最適化を経て本格的に稼働するフェーズです。
クリック時に矢印アイコンが180度回転する開閉表現の解説です。開いた状態では下の境界線がクリムゾンに変わります。
閉じた状態では矢印アイコンが下向きのまま表示され、クリックで展開します。