サイトを開く
The social health app.
Join Join Stryds The Social Health App Social apps are toxic. Health apps are boring. Stryds is where social gets healthy and health gets social. Finally. Achieve Your Goals Supercharge your fitness, weight, steps, focus, and healthy routines. Challenge Your Friends Level up your healthy habits - with a little help from your friends. Share Your Journey Capture your moments to savor the experience. Living well > living large. Let's make Stryds. Together. Join JoinDesign Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#101010Text
#333333Color #1
#333333Color #2
#6f6f6fColor #3
#040126Color #4
#fdfdfdColor #5
#101010タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | Sf Pro Display |
148.4px | 600 | 148.4px | -1px |
| 本文 | Sf Pro Display |
44.15px | 500 | 48.565px | -1px |
| リンク | Arial |
14px | 400 | 20px | normal |
| ボタン | Sf Pro Display |
16px | 500 | 20px | -0.4px |
使用フォント頻度
Arial767箇所
Sf Pro Display33箇所
スケール・形状
- 角丸スケール
- 100px / 16px / 20px / 100% / 40px / 1000px
- シャドウ
- 2パターン使用