サイトを開く
Learn code, design, and project management skills with flexible online courses. Join a global community, and curate your creative career.
Skip to main content SUPERHI FM We use essential cookies to make our site work. With your consent, we may also use non-essential cookies to improve your user experience. Essential cookies onlySure thing GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! GET 50% OFF ALL COURSES AND WORKSHOPS! Curate your own creative career Join SuperHi with 50,000 50,000 + learners worldwide and gain technical skills through our practical courses See our catalog Try our free course Our students work at the best Student work Discover some of the fantastic work our students create View student work Most popular Previous Next FREE Design + code your first website Try our free course: Plan, Design + Code Your First Website. Get from idea to up-and-running, plus learn how to work with clients, project plans, wireframes, hosting, and more. Your first website Learn to code from scratch Everything you need to know to create websites from scratch. By the end, you'll be comfortable in making your own websites with the best Javascript libraries, animation, and responsive design. Learn to code Become a digital designer Learn responsive web design, from layouts and visual hierarchy to branding, color, type, and so much more. This is our fundamental design course, Visual Design + Branding. Digital design Don’t know where to start? Subscribe Say hi Start learning Subscribe to our newsletter Join 120,000 1 + other creatives and get our newsletter, filled with lots of fresh jobs, design inspiration, cool links, free events, industry updates, and more! E-mail: Submit Join our online community It’s a great way to get feedback on your work, meet likeminded creatives, and even find new jobs. Don’Design Tokens（DOM解析データ）
このサイトを 1440×900 でレンダリングして、実際のCSS値から自動抽出した数値データです。「同じ感じ」を再現する材料になります。
カラーロール
Background
#ffffffText
#111118Color #1
#111118Color #2
#ffffffColor #3
#0000eeColor #4
#000000タイポグラフィ
| 要素 | Font | Size | Weight | Line | Tracking |
|---|---|---|---|---|---|
| h1 | __haasGrotDisp_332926 |
92px | 400 | 92px | -2.76px |
| h2 | __haasGrotDisp_332926 |
42px | 400 | 46.2px | -0.16px |
| h3 | __haasGrotDisp_332926 |
52px | 400 | 57.2px | -0.48px |
| 本文 | __haasGrotText_7ea857 |
24px | 400 | 30px | -0.16px |
| リンク | __haasGrotText_7ea857 |
16px | 400 | 21.6px | -0.16px |
| ボタン | __haasGrotText_7ea857 |
24px | 400 | 32.4px | -0.48px |
使用フォント頻度
__haasGrotText_7ea857634箇所
__haasGrotDisp_33292644箇所
__martianMono_eeab0a12箇所
スケール・形状
- 角丸スケール
- 48px / 16px / 32px / 24px / 800px / 8px / 50%
- シャドウ
- 2パターン使用
- セクション余白(pt/pb)
- 0-120px
- コンテナ幅
- width: 1440px / max-width: none
- ナビゲーション
- 高さ 0px / position: sticky
