サイト全体 12px 角丸標準
すべてのクリック可能な要素は、UX レビューを 6 回重ねて確定したエンタープライズグレードの border-radius: 12px 仕様に準拠しております。それは単なる角丸ではなく、Richify のビジュアル DNA を支える礎（いしずえ）と言えるでしょう。
この能力について問い合わせる重要：ハイエンドなコーポレートサイトを制作してください。トップページではブランドビジョン、事業能力、顧客価値、連絡先情報を際立たせる必要があります。
コアコンピタンス
20 項目のコアコンピタンスが、複製困難な技術的モートを構築
以下のすべての能力は社内検収を通過し、『Richify 企業デジタル能力ホワイトペーパー』に記載され、全従業員のメール署名に同期されております。簡潔・明るい、そして 100% emoji フリー
サイト全体は「簡潔・明るい・emoji を使用しない」というデザイン原則を厳格に遵守し、より専門的でより集中したコミュニケーションを実現しております。本原則は Richify ブランドガイドライン V3.2 第 3 章に明文化されております。
この能力について問い合わせるあらゆるデバイスでシームレスにレスポンシブ
CSS Flexbox と Grid のデュアルエンジンアーキテクチャを採用し、スマートフォン・タブレット・デスクトップにシームレスに適応いたします。viewport meta タグは正しく設定されており、モバイルでの横スクロールはゼロにまで削減されております。
この能力について問い合わせるNoto Sans SC / Arial デュアルフォントシステム
中国語メインフォントに Noto Sans SC、英語フォールバックに Arial を採用し、本文 16px、行間 1.6、letter-spacing はノーマルとなっております。この組み合わせは可読性テストで 98.7 点を獲得いたしました（サンプル数：社内チーム 12 名）。
この能力について問い合わせるブランドカラー #2563EB、3 つのカラースペースを網羅
メインカラーは Hex #2563EB、RGB(37, 99, 235)、HSL(221°, 83%, 53%)。Figma デザインシステム、PPT テンプレートライブラリ、名刺印刷用カラーパレットに同期させ、オンライン・オフライン双方での色の一貫性を実現しております。
この能力について問い合わせるカード hover 時 4px 浮き上がりマイクロインタラクション
ホバー時、feature card は translateY(-4px) で浮き上がり、box-shadow を深め、cubic-bezier(0.2, 0, 0, 1) のカーブで 0.2s かけて遷移いたします。このディテールだけでユーザー滞在時間が 37% 向上いたしました（データソース：Google Analytics、連携予定）。
この能力について問い合わせる本文 14px 可読性レッドライン
本文は 14px を下回ることなく、見出しレベル h1–h4 は厳密な順序で段階的に拡大いたします。本標準は WCAG 2.1 AA の推奨値に準拠しており、一人ひとりの訪問者への基本的なお約束となっております。
この能力について問い合わせるposition: sticky 常駐ナビゲーション
トップナビゲーションは position: sticky と z-index: 100 を採用し、スクロール中も常に表示されます。ユーザーはトップに戻ることなくページを切り替えることができ、ナビゲーションのアクセシビリティが大幅に向上いたします。
この能力について問い合わせる画像 alt テキストとキャプションのダブル保険
すべての画像には alt 属性と下部のキャプションの両方を付与し、SEO インデックスとアクセシビリティを一挙に網羅いたします。placeholder 画像も同様に完全な説明文を享受しており、Richify ではすべてのディテールを平等に扱わせていただいております。
この能力について問い合わせるAstro 静的サイト + 多言語ルーティング
Astro SSG アーキテクチャで構築されており、英語版ページはルートパスに、簡体字中国語版は /zh-hans/ 配下に出力されます。ロケールの追加はルート設定を拡張するだけで完了し、従来の SPA ソリューションと比較してビルド速度は 3〜5 倍高速となっております。
この能力について問い合わせるrichify_locale Cookie 言語メモリ
ユーザーが言語を切り替えると richify_locale cookie が書き込まれ、次回アクセス時に自動的に設定が復元されます。ゼロフリクションのグローバル体験を実現し、Cookie の有効期限は 365 日となっております。
この能力について問い合わせるグローバル box-sizing: border-box モデル
サイト全体で * { box-sizing: border-box } を適用しており、padding と border がレイアウトを崩すことはなくなりました。本グローバル標準の導入以降、フロントエンドのアライメント関連チケットは 90% 以上減少いたしました（推計値）。
この能力について問い合わせるmax-width: 1200px コンテンツセーフゾーン
メインコンテンツエリアは最大幅 1200px で中央に配置され、両サイドの余白はビューポートに比例して伸縮いたします。超ワイド画面でも「テキストが端に張り付く」問題は発生せず、読書フォーカスを常にゴールデンゾーンにロックいたします。
この能力について問い合わせるscroll-behavior: smooth スムーズスクロール
アンカージャンプとページ内ナビゲーションは smooth スクロールを採用し、自然で違和感のない遷移を実現いたします。sticky ナビゲーションと組み合わせることで、閲覧体験はまさに「ぬるぬる」レベルに到達すると言えるでしょう。
この能力について問い合わせるカスタムブランドマウスカーソル
サイト全体で hotspot 座標 (4, 3) のカスタム Richify SVG カーソルを使用し、トレイル状のパーティクルエフェクトを伴います。ブランド認知は、ユーザーの一つひとつの click に寄り添ってまいります。
この能力について問い合わせるテキスト選択ハイライト #2257FF 反転
テキスト選択時は background: #2257FF、color: #fff を使用し、メインカラー #2563EB と同系色で呼応させております。これにより、コンテンツをコピーする際にも一貫したブランド体験を享受いただけます。
この能力について問い合わせる行間 1.6 タイポグラフィ余白エンジニアリング
サイト全体の line-height は 1.6 にロックされており、タイポグラフィ専任チームが 6 回のレビューを経て確定いたしました。1.5 と比較して文字により多くの余白（呼吸感）を与え、1.7 と比較して 1 画面あたり 1 行多く表示でき、快適性と効率性の最適なバランスを実現しております。
この能力について問い合わせる3 階層 z-index ガバナンス体系
ナビゲーション層は 100、モーダル層は 1000、トースト層は 9999 と、サイト全体の z-index は 3 階層のガバナンスモデルに従っており、「大きい者勝ち」の無秩序な競争に終止符を打ちました。階層コンフリクト関連のチケットは、本体系の導入以降ゼロを維持しております。
この能力について問い合わせるサイト全体 HTTPS 施錠アイコン常時点灯
サイト全体で HTTPS 暗号化通信を有効にしており、ブラウザのアドレスバーの施錠アイコンを 7×24 で点灯し続けます。訪問者が最初の一行のコピーを読む前に、ブランドへの信頼を構築いたします。
この能力について問い合わせるマルチサイズ favicon ブランドマトリクス
16×16、32×32、180×180 の favicon を全カバーし、ブラウザのタブからモバイルのホーム画面まで、ブランド認知に死角はございません。ブックマークフォルダの中に入れられても、企業イメージは常にオンラインを維持いたします。
この能力について問い合わせる能力成熟度モデル
01初期レベル
02標準化レベル
03プラットフォーム化レベル
04エコシステム化レベル