自社トークンは --ist-* の 20 個(プラットフォーム由来は 0 個)。うち実装を支えているのは --ist-main(var() 参照 240 回)と --ist-base(42 回)の2つで、残りの色はカテゴリ用・グラフ用に待機している。--ist-lgray は var() 参照 0 回・可視 0 要素で、宣言だけが残った死に変数。
グラデーションの宣言だけ linear-gradient(90deg, #f5f5f0, #0b41cc 62%) と #0b41cc(1 低い値)を直書きしている箇所がある。実装のゆらぎなので、新規実装では #0b41cd に統一してよい。
可視テキスト 296 / 253 要素すべてが "Noto Sans JP", sans-serif。CSS 全文の font-family 宣言もこの 1 種類だけで、明朝も欧文専用書体も存在しない。font-feature-settings: "palt" が 1073 要素、letter-spacing: .05em が CSS 全文で 454 回。
サイズに比例して px が変わる(12px→0.6px / 16px→0.8px / 42px→2.1px)= 各要素が em を持っている証拠。例外は 68px・82px の大きな数字だけで、そこは 0.03em に落としている。
創造で、想像を超える。革新的な医薬品とサービスの提供を通じて新しい価値を創造する。
創造で、想像を超える。革新的な医薬品とサービスの提供を通じて新しい価値を創造する。
創造で、想像を超える。革新的な医薬品とサービスの提供を通じて新しい価値を創造する。
| Weight | Google Fonts の配信 | 実測(トップ / 下層) | 用途 |
|---|---|---|---|
| 300 | あり | 少数 | メガメニューの第2階層リンク |
| 400 | あり | 85 / 94 要素 | 本文、および 42px 以上の大見出し |
| 600 | あり | 210 / 158 要素(最多) | 24px 以下の見出し・ナビ・カード見出し |
| 700 | 無い | 1 要素(Cookie バナー) | 当てると合成太字になる。使わない |
Web フォントは Google Fonts から wght@300;400;600 を unicode-range で分割配信(フォント要求 46 件)。document.fonts に unloaded が多いのは異常ではなく、そのページに出てこない文字のサブセットを読んでいないだけ。
| line-height | 実測(トップ / 下層) | 用途 |
|---|---|---|
| 1.80 | 47 / 35 要素 | 本文(body の既定。28.8px ÷ 16px) |
| 1.60 | 71 / 65 要素 | 読み物の段落 |
| 1.40 | 103 / 85 要素(最多) | 見出し・ナビ・カード |
| 1.00 | 26 / 20 要素 | 大きな数字・1 行で収めるラベル |
border-radius: 3px はボタンとタグ、16px はカードと用途が完全に分かれている。ボタンの文字は 太らせない(weight 400)。右パディングが 52px と大きいのは矢印のぶん。
#患者中心#技術・サイエンス#人財ハッシュタグは面を持たず、13px / 600 / #0b41cd の文字だけ(可視 51 要素)。
まだ治療法がない病に、抗体でも低分子でも届かなかった標的へ。中分子というアプローチを解説します。
一人ひとりの病態に合わせて治療を選ぶ。ゲノム医療がもたらした変化を研究者が語ります。
浮きは影ではなく、角丸 16px と地色 #f5f5f0 だけで作る。実サイトに自前の box-shadow は 1 つも無い。
68px / 82px の数字は letter-spacing: .03em、それ以外はすべて .05em。地色は --ist-submin(#f3f5fc)。
サイト内検索のみ。枠線も角丸も持たず、下線とアイコンで構成する。input はフォント継承が効かないので font-family を明示的に当て直す。
実測された box-shadow は rgba(0,0,0,.2) 0 0 18px 0 の 1 件だけで、それも OneTrust の Cookie 同意バナーのもの。サイト本体に自前の影は存在しない。
| Level | Shadow | 用途 |
|---|---|---|
| 0 | none | このサイトのすべての要素 |
浮きは 角丸 16px + 地色 #f5f5f0 で作る。新規実装で影を足すと、サイトのフラットさが失われる。
html も body も 4 幅(1440 / 1200 / 834 / 375px)すべてで 16px / 28.8px のまま。流体ルートではないので、rem → px の換算は素直に 16 倍でよい。(prefers-reduced-motion: reduce) を 133 回宣言しており、アニメーションは必ず止められる。