b12 Labs PC表示
b12 Labs タブレット表示
b12 Labs スマホ表示

AI-powered chemical synthesis platform. Plan complex routes, design experiments, automate workflows, or order synthesis.

Design Tokens(DOM解析データ)

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

カラーロール

Background#faf8f5
Text#14101f
Color #1#14101f
Color #2#4a4459
Color #3#b8b3c4
Color #4#8a8499
Color #5#000000

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Instrument Serif 92.16px 400 95.8464px -1.3824px
h2 Instrument Serif 57.6px 400 57.6px -0.576px
h3 Instrument Serif 36px 400 39.6px -0.36px
本文 IBM Plex Sans 17.6px 400 29.92px normal
リンク IBM Plex Sans 16px 400 normal normal
ボタン IBM Plex Sans 13.12px 500 normal 0.1312px

使用フォント頻度

IBM Plex Sans235箇所 Instrument Serif23箇所 IBM Plex Mono16箇所

スケール・形状

角丸スケール
2px / 8px / 16px / 5px / 3px
シャドウ
1パターン使用
セクション余白(pt/pb)
48-48px / 48-48px / 48-48px / 48-48px / 48-48px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 94px / position: sticky

関連サイト