Google DeepMind

deepmind.google ↗
Google DeepMind PC表示
Google DeepMind タブレット表示
Google DeepMind スマホ表示

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#121317
Color #1#121317
Color #2#45474d
Color #3#ffffff
Color #4#ffffffb8
Color #5#f8f9fc

タイポグラフィ

要素FontSizeWeightLineTracking
h2 Google Sans Flex 20px 500 29px -0.0888px
h3 Google Sans Flex 98px 500 96.04px -2.66756px
本文 Google Sans Flex 14.5px 350 21.025px 0.165735px
リンク Google Sans Flex 14.5px 350 21.025px 0.165735px
ボタン Google Sans 16px 450 24px 0.5px

使用フォント頻度

Google Sans Flex798箇所 Google Sans2箇所

スケール・形状

角丸スケール
4px / 9999px / 24px / 16px
シャドウ
3パターン使用
セクション余白(pt/pb)
72-0px / 72-0px
コンテナ幅
width: 1440px / max-width: 1440px
ナビゲーション
高さ 65px / position: fixed

関連サイト