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

An open-source TypeScript & JavaScript framework for building, testing and deploying AI agents and applications with ease, from idea to production.

Design Tokens(DOM解析データ)

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

カラーロール

Background#020202
Text#d9d9d9
Color #1#d9d9d9
Color #2#ffffff
Color #3#939393
Color #4#424242
Color #5#cccccc

タイポグラフィ

要素FontSizeWeightLineTracking
h1 greed 68px 520 74.8px 0.255px
h2 greed 24px 520 26.4px 0.255px
h3 greed 24px 520 26.4px 0.255px
本文 greed 12.5px 470 16.25px 0.313px
リンク greed 17px 400 23.12px 0.255px
ボタン greed 17px 400 23.12px 0.255px

使用フォント頻度

greed512箇所 geistMono3箇所

スケール・形状

角丸スケール
3.35544e+07px / 20px / 20px 0px 0px 20px / 0px 20px 20px 0px / 13px / 6px / 10px / 4px
シャドウ
1パターン使用
セクション余白(pt/pb)
0-16px / 257-0px
コンテナ幅
width: 1440px / max-width: none
ナビゲーション
高さ 64px / position: sticky

関連サイト