Infera PC表示
Infera タブレット表示
Infera スマホ表示

Infera turns ambiguous lab protocols into validated, machine-readable workflows. Preview experiments, automate ordering, analyze instrument data.

Design Tokens(DOM解析データ)

このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。

カラーロール

Background#fafafa
Text#18181b
Color #1#18181b
Color #2#f3f4fb
Color #3#71717a
Color #4#f3f4fba8
Color #5#ffffff

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Instrument Serif 56px 400 61.6px -0.56px
h2 Instrument Serif 36px 400 41.04px -0.36px
h3 Nunito Sans 16px 700 24px normal
本文 Nunito Sans 13.5px 400 22.95px normal
リンク Nunito Sans 12.5px 600 18.75px normal
ボタン Nunito Sans 14px 600 21px normal

使用フォント頻度

Nunito Sans229箇所 JetBrains Mono22箇所 Instrument Serif9箇所

スケール・形状

角丸スケール
8px / 12px / 7px / 6px / 16px / 14px / 9px
シャドウ
5パターン使用
セクション余白(pt/pb)
88-88px / 96-96px / 88-88px / 88-88px / 88-88px
コンテナ幅
width: 1120px / max-width: none
ナビゲーション
高さ 78px / position: sticky

関連サイト