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

Tegore - Interactive AI-powered learning platform

Design Tokens(DOM解析データ)

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

カラーロール

Background#ffffff
Text#212121
Color #1#212121
Color #2lab(8.11897 0.811279 -12.254)
Color #3lab(27.1134 -0.956401 -12.3224)
Color #4#d85a30
Color #5#5a4a3a

タイポグラフィ

要素FontSizeWeightLineTracking
h1 Josefin Sans 36px 500 54px normal
h2 Georgia 34px 500 36px normal
本文 Georgia 14px 400 36px normal
リンク Georgia 16px 400 24px normal
ボタン Georgia 16px 400 24px normal

使用フォント頻度

Georgia104箇所 Josefin Sans1箇所

スケール・形状

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

関連サイト